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

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

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

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

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

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

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

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

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

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

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

效果呢是这样的:

原文发布于微信公众号 - 思梦PHP(sm_php)

原文发表时间:2016-12-24

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏张善友的专栏

浏览器平台:Internet Explorer 8

    IE8是浏览器的一个新时代的开始。从IE8上,我们可以看到很多改变。从看得见的地方,可能就是Activities和WebSlices,但内核发生了翻天覆...

1787
来自专栏即时通讯技术

简述移动端IM开发的那些坑:架构设计、通信协议和客户端1、前言 2、学习交流3、概述4、有关移动端IM通信协议的坑5、移动端IM客户端的坑6、移动端IM架构设计的坑7、结语附录:更多IM技术文章

有过移动端开发经历的开发者都深有体会:移动端IM的开发,与传统PC端IM有很大的不同,尤其无线网络的不可靠性、移动端硬件设备资源的有限性等问题,导致一个完整的移...

1241
来自专栏子勰随笔

SDK开发经验之版本

4039
来自专栏Linyb极客之路

优化网站性能必备的6种架构方案,你知道吗?

一个成熟的大型网站(如淘宝、天猫、腾讯等)的系统架构并不是一开始设计时就具备完整的高性能、高可用、高伸缩等特性的,它是随着用户量的增加,业务功能...

913
来自专栏数据和云

【从根源出发,化风险为可控】应用到数据库的连接数管控

作者介绍 ? 巩飞(Morinson) 云和恩墨技术专家 网名Morinson,现服务于云和恩墨西北区,有14年在IT公司的技术类工作经验,特别是在 Ora...

3025
来自专栏运维一切

ceph容量使用率的优化 原

###背景 随着ceph集群不断的变大和复杂,可能会遇到,整个容量很大,但是真正的数据使用率很低的情况。比如明明有100多TB的空间,但是数据才存了20TB,就...

1182
来自专栏网站漏洞修补

最新dedecms织梦网站漏洞修复

2018年的中秋节即将来临,我们Sine安全公司,最近接到很多用dedecms程序的企业公司网站客户的反馈,说是公司网站经常被篡改,包括网站首页的标题内容以及描...

1371
来自专栏PhpZendo

微信服务号及支付功能接入详解

旨在理清相关帐号的申请流程、整理服务开通、开发数据的配置和接入时存在的容易忽略的知识点。

1.3K1
来自专栏大数据文摘

大型网站系统架构演化之路

1955
来自专栏北京马哥教育

一个开发眼中的运维

马哥linux运维 | 最专业的linux培训机构 ---- 在云计算时代,开发和运维的结合变得越来越重要。在DIFF论坛第一期,前新浪SAE运维主管,郑志勇...

3557

扫码关注云+社区