首页 > 移动平台 > 详细

html5中高德、腾讯、百度 地图api调起手机app

时间:2018-05-14 17:16:31      阅读:447      评论:0      收藏:0      [点我收藏+]
html 部分

<div id="mapBg">
    <div class="mapTab">
        <a href="" class="mapBtn_g"><div>高德地图</div></a>
        <a href="" class="mapBtn_t"><div>腾讯地图</div></a>
        <a href="" class="mapBtn_b"><div>百度地图</div></a>
    </div>
</div>
js 部分

/*高德*/
var mapUrl_gd ="http://uri.amap.com/marker?position=108.958486,34.271454&name="+inform.orgName+"&src=yellowpage&coordinate=gaode&callnative=1";
 $("#mapBg .mapTab .mapBtn_g").attr("href",mapUrl_gd);

/*腾讯*/
var mapUrl_tx = "http://apis.map.qq.com/uri/v1/marker?marker=coord:34.271454,108.958486;title:"+inform.orgName+";addr:"+inform.orgAddress+"&referer=yellowpage"
 $("#mapBg .mapTab .mapBtn_t").attr("href",mapUrl_tx);

/*百度*/
var mapUrl_bd ="http://api.map.baidu.com/marker?location=34.271454,108.958486&title="+inform.orgName+"&content="+inform.orgAddress+"&output=html&src=yellowpage";
$("#mapBg .mapTab .mapBtn_b").attr("href",mapUrl_bd);

效果图:

技术分享图片

 

html5中高德、腾讯、百度 地图api调起手机app

原文:https://www.cnblogs.com/jrg-Archer/p/9037023.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!