小伙伴们,做外卖项目的小伙伴,有没有遇到过,web端显示配送路线的小问题呢?今天思梦PHP就给大家带来高德地图,从添加起点到录入终点,做了一个指示路线的小功能!
首先第一步你要去高德或者百度的地图的官网去申请开发者账号,然后创建一个key,当然这里小伙伴要注意的是,高德和百度的经纬度的加密方式不同的,你在程序里面要使用相同的地图开发平台,当然你也可以去转换他们之间的误差,这里就不详细解释了!
第二步就是开始去整合了!代码呈上:
这些js引入代码小伙伴们一定不要忘记~
以上就是怎么获取经纬度的问题,下面就开始告诉大家怎么显示在web上出现下面的效果
首先呢我们通过一个url去获取经纬度
获取经纬度然后传给前台以供前台调用展示:
同样也要引入高德的一些必备的样式和js
然后呢通过js获取之后赋值给高德的js
这样就结束了,路线规划也就显示了!
效果呢是这样的: