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

千金一刻莫空度，老大无成空自伤。这篇文章主要讲述html5中高德腾讯百度地图api调起手机app相关的知识，希望能为你提供帮助。

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=https://www.songbingjia.com/android/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=https://www.songbingjia.com/android/yellowpage"; $("#mapBg .mapTab .mapBtn_b").attr("href",mapUrl_bd);

【html5中高德腾讯百度地图api调起手机app】效果图：