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

注册申请百度地图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()方法中间加入以上代码
前端调用百度地图API,解决ios上地图不显示、https访问不了等问题_第1张图片

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

end…

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

你可能感兴趣的:(vue,百度,js)