前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >起点到终点?web地图?我来告诉你!

起点到终点?web地图?我来告诉你!

作者头像
思梦php
发布2018-03-09 11:46:22
1K0
发布2018-03-09 11:46:22
举报
文章被收录于专栏:PHP实战技术

小伙伴们,做外卖项目的小伙伴,有没有遇到过,web端显示配送路线的小问题呢?今天思梦PHP就给大家带来高德地图,从添加起点到录入终点,做了一个指示路线的小功能!

首先第一步你要去高德或者百度的地图的官网去申请开发者账号,然后创建一个key,当然这里小伙伴要注意的是,高德和百度的经纬度的加密方式不同的,你在程序里面要使用相同的地图开发平台,当然你也可以去转换他们之间的误差,这里就不详细解释了!

第二步就是开始去整合了!代码呈上:

这些js引入代码小伙伴们一定不要忘记~

以上就是怎么获取经纬度的问题,下面就开始告诉大家怎么显示在web上出现下面的效果

首先呢我们通过一个url去获取经纬度

获取经纬度然后传给前台以供前台调用展示:

同样也要引入高德的一些必备的样式和js

然后呢通过js获取之后赋值给高德的js

这样就结束了,路线规划也就显示了!

效果呢是这样的:

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2016-12-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 思梦PHP 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档