您的位置:首页 > 理论基础 > 计算机网络

前端调用百度地图API,解决ios上地图不显示、https访问不了等问题

2020-08-03 17:54 218 查看

注册申请百度地图ak

不会的童鞋们点链接

这里还是说一下注册的时候要注意的白名单填写项,如不确定直接写 * 号

下面说具体操作

  1. 在页面引入js文件
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=am***********QCrC&s=1"></script>

注意点来了: src后最好跟https协议 https 承载的页面上不允许出现 http 请求,一旦出现就是提示或报错,在苹果手机上是显示不出来地图的
所以最好直接用https
https站点调用要加一个参数s=1

到这第一步引入就说完了

  1. 在你的JavaScript代码中写入你具体的地图代码 百度地图代码生成

  2. 说一下标点更换样式之后在地图上不显示问题

function createIcon(json) {
var icon = new BMap.Icon("http://map.baidu.com/image/us_mk_icon.png", new BMap.Size(json.w, json.h), {
imageOffset: new BMap.Size(-json.l, -json.t),
infoWindowOffset: new BMap.Size(json.lb + 5, 1),
offset: new BMap.Size(json.x, json.h)
})
return icon;
}

在createIcon方法和initMap()方法中间加入以上代码

4.还需使用的功能具体查阅官网API 链接

end…

应该说的挺完整具体的了,如有错误请评论纠正~~~

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐