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

/高德/
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);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要在uni-app实现地图功能,可以使用第三方地图SDK,例如百度地图SDK、高德地图SDK或者腾讯地图SDK。以下以百度地图SDK为例,介绍如何在uni-app实现地图功能。 1. 在uni-app项目安装百度地图SDK插件: ```bash npm install --save uni-baidumap-sdk ``` 2. 在需要使用地图的页面引入地图组件: ```html <template> <view> <uni-baidu-map :ak="ak" :markers="markers" :scale="scale" :center="center" :show-location="true" @markertap="markertap" @updated="updated"></uni-baidu-map> </view> </template> <script> export default { data() { return { ak: '这里填写你的百度地图AK', markers: [{ id: 0, latitude: 23.099994, longitude: 113.32452, title: 'T.I.T 创意园', iconPath: '/static/images/location.png', width: 50, height: 50, callout: { content: '我是marker的callout', color: '#ffffff', fontSize: 14, borderRadius: 10, bgColor: '#000000', padding: 8, display: 'ALWAYS' } }], scale: 16, center: { latitude: 23.099994, longitude: 113.32452 } } }, methods: { markertap(e) { console.log(e) }, updated(e) { console.log(e) } } } </script> ``` 3. 在需要使用地图的页面,引入uni-baidu-map组件并设置相应的属性。其,ak属性为百度地图API Key,markers属性为地图上的标记点,scale属性为地图缩放级别,center属性为地图心点,show-location属性为是否显示定位按钮。在标记点的callout属性,可以设置标记点的气泡弹窗内容和样式。 4. 在manifest.json文件,需要添加百度地图的AK到app-plus配置项: ```json { "app-plus": { "baidumap": { "AK": "这里填写你的百度地图AK" } } } ``` 以上就是在uni-app使用百度地图SDK实现地图功能的基本步骤。需要注意的是,不同的地图SDK可能有不同的使用方法,具体可以参考相应的文档。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

coe:

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值