百度地图自定义添加一个标注 PetitQ Other/其他 2022-5-15 1.16K 0 0 收藏 1.引入百度地图 js(需要去百度地图申请 ak) <script type="text/javascript"src="https://api.map.baidu.com/api?v=3.0&ak=你的密钥></script> 也想出现在这里?联系我们吧 2.创建展示地图的样式 <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #container { margin: 100px auto; height: 600px; width: 1000px; } </style> 3.创建展示地图的盒子 <div id="container"></div> 4.自定义标注代码 var map=new BMap.Map("container");var point=new BMap.Point(自定义的经纬度);map.centerAndZoom(point,15);map.enableScrollWheelZoom();var p=new BMap.Point(自定义的经纬度);function addMarker(point){var myIcon=new BMap.Icon("./img/mark.png",new BMap.Size(256,256),{//BMap.Size类表示以指定的宽度和高度创建一个矩形区域大小,有的时候图标太大,Size太小,可能不能显示图标或显示一部分图标 imageSize:new BMap.Size(25.6,25.6),//设置显示图像的大小,因为256*256太大,所以可以设置它实际显示的长宽比例为25.6*25.6,相当于缩小十倍了 anchor:new BMap.Size(13,13),//标注指向的地理位置距离图标左上角各偏移13和25.6像素(一般宽度是照片宽的一般,长度是照片的长,这样图标的// 尖角就能刚好点在坐标点上,否则是图标的中心点在坐标点上),本例中该位置即是图标中央下端的尖角位置});var marker=new BMap.Marker(point,{icon:myIcon});map.addOverlay(marker);}addMarker(p); 百度地图自定义添加一个标注 已有 291 人购买 永久更新: 演示数据: 此资源下载价格为5元立即购买(VIP 免费)立即升级 查看演示升级 VIP立刻购买 咨询客服 咨询客服 专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服! 收藏 赞(0) 分享 :