vue利用百度地图api画路线&打点&滑入展示（坐标）

米斯特雨

于 2020-06-30 15:08:52 发布

阅读量6.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：百度地图API 文章标签： js 百度

本文链接：https://blog.youkuaiyun.com/weixin_44197797/article/details/107042607

1.创建地图容器

<div id="allmap" style=" border-radius: 5px;" ></div>

2.展示百度地图

guiji() {
   
   
      var map = new BMap.Map('allmap')
      var point = new BMap.Point(132.1321213213,382651646846) //随便写的坐标
 }

3.画出路线（注意看注释）

guiji() {
   
   
      var map = new BMap.Map('allmap')
      var point = new BMap.Point(132.1321213213,382651646846) //随便写的坐标
      this.points.map(v => {
   
      //points是对象（含经纬度）
        var pt = new BMap.Point(v.siteLongitude,v.siteLatitude)
        pois.push(pt)
      })
      var sy = new BMap.Symbol(BMap_Symbol_SHAPE_FORWARD_OPEN_ARROW, {
   
   
          scale: 0.6,//图标缩放大小
          strokeColor:'#fff',//设置矢量图标的线填充颜色
          strokeWeight: '2',//设置线宽
      }); //路线样式！！！！！！！！！！！！！！！！！！！！！！！！！！
      var icons = new BMap.IconSequence(sy, '10%', '10%'</