开发者社区> 思梦php> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介: 小伙伴们,做外卖项目的小伙伴,有没有遇到过,web端显示配送路线的小问题呢?今天思梦PHP就给大家带来高德地图,从添加起点到录入终点,做了一个指示路线的小功能! 首先第一步你要去高德或者百度的地图的官网去申请开发者账号,然后创建一个key,当然这里小伙...
+关注继续查看

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

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

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

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

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

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

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

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

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

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

效果呢是这样的:

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
javaweb入门3之css(一)
javaweb入门3之css 一、css简介 二、javaweb入门前章内容 三、本文用到的单词 四、css写入的位置 五、css语法 5.1.1、 实列: 六、css常用的选择器的分类 6.1.0 简单选择器 6.1.1、名称类型 6.1.2、类样式 6.1.3id选择器 6.1.4、总结代码机器效果:
34 0
javaweb入门3之css(二)
七、 链接css文件和html 八、相关的属性 8.1 margin属性 8.2 padding属性 8.3 background-color属性 8.4 border 8.5 position
32 0
【JavaWeb】权限管理系统
前言 前面我们做的小项目都是一个表的,业务代码也相对简单。现在我们来做一个权限管理系统,体验一下多表的业务逻辑,顺便巩固一下过滤器的知识。! 目的 现在我有一个管理商品、订单的页面。当用户点击某个超链接时,过滤器会检测该用户是否有权限! 需求分析 按照面向对象的思想,我们至少应该有权限(Privilege)和用户(User)实体。
876 0
《21天学通HTML+CSS+JavaScript Web开发(第7版)》——导读
然而,这些还不是本书的全部内容。其他介绍如何创建网页的图书只涉及基本的技术细节,如将文本设置为粗体,而在本书中,您还将学习使用特殊效果的原因以及该在什么情况下使用它们。除页面本身外,本书提供了网站整体结构设计方面的提示、建议和示例。
1253 0
JavaWeb_JavaEE_Java命名规则
代码编写规范目的:能够在编码过程中实现规范化,为以后的程序开发中养成良好的行为习惯。 代码编写规范使用范围:J2EE项目开发,Java开发。 包命名规范: 目的:包的命名规范应当体现出项目资源良好的划分 servlet类所在包命名规范:公司名称.
875 0
+关注
思梦php
思梦PHP公益讲师!热衷PHP技术,热爱技术分享!
57
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载