微信小程序 map polyline 连点成线 线路规划 demo

微信小程序官方文档

学校部分快递点(中通,百世…)位于校外,所以找寻比较困难

微信小程序+定位解决这个问题特别合适

上 demo

// map.wxml


map>
// map.wxss

#mapp {
	height: 1000rpx; 
	width: 100%;
}
// map.js

Page({
  data: {
    polyline: [{
      points: [{
          longitude: 121.44577861,
          latitude: 37.48205260
        }, {
          longitude: 121.44611657,
          latitude: 37.48207388
        }, {
          longitude: 121.44725382,
          latitude: 37.48224841
        }, {
          longitude: 121.44766152,
          latitude: 37.48237186
        },{
          longitude: 121.4475274100,
          latitude: 37.4827039000
        },{
          longitude: 121.44748986,
          latitude: 37.48299336
        },{
          longitude: 121.4476454300,
          latitude: 37.4831679000
        },{
          longitude: 121.4478063600,
          latitude: 37.4831381000
        },{
          longitude: 121.4479565600,
          latitude: 37.4831295800
        },{
          longitude: 121.4480263000,
          latitude: 37.4831636400
        },{
          longitude: 121.44820869,
          latitude: 37.48330837
        }
      ],
      color: "#33c9FFDD",
      width: 3,
      dottedLine: true
    }]
  }
})

微信小程序 map polyline 连点成线 线路规划 demo_第1张图片

关于获得 精确经纬度 请参考这篇博客。


对你有帮助请点个 “赞”

还有疑惑请评论

你可能感兴趣的:(微信小程序)