如何在app里利用js调取手机第三方地图--以高德地图和百度地图为例

前两天在项目中涉及到一个问题,就是要在我们的app中调用百度地图app或者高德地图的app.一开始一直以为是原生app开发才可以做,还是见识少了。

今天就写一下笔记,记录一下如何在自己的app中调用第三方地图app,。

先说百度地图吧,在百度地图的官方文档中有关于URI的相关介绍,而我们js去调的接口也是在这个里面都有介绍。

官方文档地址:http://lbsyun.baidu.com/index.php?title=uri

我在这里只介绍web端,我们可以在自己开发的webAPP里去调这个接口,也可以在网页中调用,百度地图提供的只是一个url,我们根据自己的需求选择百度地图提供的url,将参数拼接在指定位置就可以了。

百度地图Open API所有接口共分为三类,分别为:图区功能类,搜索功能类和信息显示类。它们通用的路径:http://api.map.baidu.com/marker 

例如:如果业务需求是想要调用地图的时候,只需要在触发按钮的时候加上一个跳转链接就可以了:

window.location.href = 'http://api.map.baidu.com/marker?location=40.047669,116.313082&title=我的位置&content=百度奎科大厦&output=html&src=webapp.baidu.openAPIdemo';  

再说一下高德地图,在高德地图的文档中也有关于URI的接口介绍,调用方式和百度地图一样,只是它们提供的接口不同。

调用的本质是相同的。可以先去研究一下官方接口文档,就能很明白了。

猜你喜欢

转载自www.cnblogs.com/bllx/p/9507311.html