minemap地图定位显示

  // 初始化地图实例
    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);

    },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值