前端vue项目如何使用openlayers的apigetPosition获取用户经纬度
时间: 2023-05-14 12:07:09 浏览: 142
vue 实现Web端的定位功能 获取经纬度
可以通过以下代码实现:
```javascript
import ol from 'openlayers';
// 创建地图
const map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
view: new ol.View({
center: [0, 0],
zoom: 2
})
});
// 获取用户位置
navigator.geolocation.getCurrentPosition(function(position) {
const { latitude, longitude } = position.coords;
const pos = ol.proj.fromLonLat([longitude, latitude]);
console.log(pos);
});
```
其中,`navigator.geolocation.getCurrentPosition`是HTML5提供的获取用户位置的API,`ol.proj.fromLonLat`可以将经纬度转换为地图上的坐标。
阅读全文