实用贴【教你做O2O地图导航+地图标点+电话+微信完美兼容】

看到老沈发了一个贴子教大家做地图导航，用的是高德地图的API，但毕竟高德是阿里系的，那么能不能用腾讯系的腾讯地图做一个类似的导航呢，毕竟微信也是腾讯系的，兼容性可能更好一些。


嗯，晚上下班回来研究了一下，这个是可以的。


大家先扫码先看一下效果





扫码之后效果如下：



这是如何做到的呢？上教程。


首先，大家下载我已经写好的代码。


链接：http://pan.baidu.com/s/1gfmTmuv 密码：j359


下载之后是一个TXT文件，为了降低大家的操作难度，我直接写成http://的链接，打开文件大家会看到


接下来，我把链接里面是4个要素写一下：


下面图中粉红色的部分，是这个地址的经度
红色的部分，是纬度
黄色的部分，是你店铺的名称
绿色的部分，是你店铺的电话





店铺名称和电话你直接改成你需要的就行，重点是如何获取经度维度呢？


在这里说明一下，百度地图、腾讯地图、谷歌地图、高德地图等等都可以获得经纬度，但是据我实测证明，4个获取的经纬度对应到地图上面的标点是有误差的，在这里，我们用腾讯地图获取经纬度。


点击下面这个网站进入腾讯地图工具页面


http://lbs.qq.com/tool/getpoint/index.html


如下图所示
粉红色框中便是经纬度
红色框中可以标点，你在这个地图上找到你的店铺，标记获取一下经纬度
例如：39.898967,116.320850中，前面的是纬度，后面的是经度，不要弄错了

然后把经纬度填到我给的代码的对应地方，就完成了。
大家可以把这个链接放到浏览器网址框中试一下，在PC上也可以看到效果的。

也许有人会问，如果店铺比较多怎么办？
其实很好解决，先做一个导航页面，然后把对应店铺的链接放进去不就OK啦？
关于导航页面的教程大家可以看我的另一个帖子，链接如下：

http://bbs.youzan.com/forum.php?mod=viewthread&tid=280225



欢迎大家交流学习
二维码如下：

本帖最后由 Tim style 于 2017-4-24 10:31 编辑

非常好，正需要这个了