// 初始化地图实例
creatMap(a,b) {
this.markers = []
this.map = new window.minemap.Map({
container: 'gisMap',
style:'//mineservice.minedata.cn/service/solu/style/id/12877' ,
projection: 'MERCATOR',
// projection: 'LATLON',
center: [999, 33] /* 地图中心点 */,
zoom: 10.3 /* 地图默认缩放等级 */,
pitch: 0 /* 地图俯仰角度 */,
maxZoom: 16 /* 地图最大缩放等级 */,
minZoom: 3 /* 地图最小缩放等级 */,
logoControl: false
})
this.map.repaint = true
let el = document.createElement('div');
el.id = 'marker';
// 自定义DOM样式 或者通过css类设置
el.style["background-image"] = "url(//minedata.cn/support/static/api/demo/js-api/zh/images/park.png)";
el.style["background-size"] = "cover";
el.style.width = "50px";
el.style.height = "50px";
el.style["border-radius"] = "50%";
let lnglat = this.map.getCenter([b,a]);
// Marker构造函数接收两个参数,一个为自定义的DOM元素,一个是Object参数,其中包括偏移量等
// offset参数为标注点相对于其左上角偏移像素大小
// 调用setLngLat方法指定Marker的坐标位置
let _marker = new minemap.Marker(el, {offset: [-25, -25]}).setLngLat(lnglat).addTo( this.map);
},
minemap地图定位显示
最新推荐文章于 2024-05-20 17:02:17 发布