地图api js版 多标注如何在地图上按照合适的缩放比例全部展示出来？ 请教了
2021-09-23 17:52
24小时免费服务热线：15320418221
可乐
var nt = new Array(); //标注点经纬信息 var marker = new Array(); //存放标注点对象 var info = new Array(); //存放提示信息窗口对象的数组 var searchInfoWindow =new Array();//存放检索信息窗口对象的数组 for (var i = 0; i < markerArr.length; i++) { var lng = markerArr[i].lng; var lat = markerArr[i].lat; nt[i] = new BMap.Point(lng, lat); marker[i] = new BMap.Marker(nt[i]); if(markerArr[i].parkEmptyCount >= 20 && markerArr[i].parkEmptyUpdateDate != null){ var icons = MAT_HOST + "/public/images/green.png"; //图片路径 var icon = new BMap.Icon(icons, new BMap.Size(24, 26),{ anchor: new BMap.Size(10, 25), infoWindowAnchor: new BMap.Size(10, 0) }); //显示图标大小 marker[i].setIcon(icon);//设置标签的图标为自定义图标 marker[i].disableMassClear(); map.addOverlay(marker[i]);//将标签添加到地图中去 } if(markerArr[i].parkEmptyCount > 0 && markerArr[i].parkEmptyCount < 20 && markerArr[i].parkEmptyUpdateDate != null){ var icons = MAT_HOST + "/public/images/orange.png"; var icon = new BMap.Icon(icons, new BMap.Size(24, 26),{ anchor: new BMap.Size(10, 25), infoWindowAnchor: new BMap.Size(10, 0) }); marker[i].setIcon(icon); marker[i].disableMassClear(); map.addOverlay(marker[i]); } if(markerArr[i].parkEmptyCount == 0 || markerArr[i].parkEmptyUpdateDate == null){ var icons = MAT_HOST + "/public/images/red.png"; var icon = new BMap.Icon(icons, new BMap.Size(24, 26),{ anchor: new BMap.Size(10, 25), infoWindowAnchor: new BMap.Size(10, 0) }); marker[i].setIcon(icon); marker[i].disableMassClear(); map.addOverlay(marker[i]); } var parkEmptyUpdateDate = markerArr[i].parkEmptyUpdateDate; parkEmptyUpdateDate = $.dateFormat({date:parkEmptyUpdateDate}); if(parkEmptyUpdateDate == ""){ markerArr[i].parkEmptyCount = "未知"; } info[i] = '<div style="padding:5px;font-size:12px;line-height:16px;">'; info[i] += ' <p style="padding:4px 0;">地址：'+markerArr[i].addr+'</p>'; info[i] += ' <p style="padding:4px 0;">空车位个数：' + markerArr[i].parkEmptyCount + '</p>'; if(parkEmptyUpdateDate != ""){ info[i] += ' <p style="padding:4px 0;">最后更新时间：' + parkEmptyUpdateDate; } info[i] += '</div>'; searchInfoWindow[i] = new BMapLib.SearchInfoWindow(map, info[i], { title: '<strong>'+markerArr[i].unitName+'</strong>', //标题 width:300, //宽度 panel:"panel", //检索结果面板 enableAutoPan : true, //自动平移 searchTypes:[ BMAPLIB_TAB_SEARCH, //周边检索 BMAPLIB_TAB_TO_HERE, //到这里去 BMAPLIB_TAB_FROM_HERE //从这里出发 ] }); //鼠标移上 marker[i].addEventListener("mouseover", (function(k){ return function(){ searchInfoWindow[k].open(marker[k]); //在marker上打开检索信息窗口 } })(i)); map.addEventListener("click", (function(k){ return function(){ searchInfoWindow[k].close(marker[k]); //在marker上打开检索信息窗口 } })(i)); }}循环打印就行了
2021-09-23 19:15:37
相关文章
相关热门问答
妖孽
地图新平台上线，可以将您的公司免费标注在地图上，请参照以下几点进行标注：1、注册登陆，完善个人信息：直接访问链接注册账号，激活并完善个人信息；或通过地图主页右上角点击“商户免费标注”完成注册登陆。2、能查到指路人地图标注服务中心铺，可以直接认领：请在地图上方的框中输入您的指路人地图标注服务中心铺，如果能够查...
2021-09-23 17:25:49
temp去
几点进行标注：1、注册登陆，完善个人信息：直接访问链接注册账号，激活并完善个人信息；或通过地图主页右上角点击“商户免费标注”完成注册登陆。2、能查到指路人地图标注服务中心铺，可以直接认领：请在地图上方的框中输入您的指路人地图标注服务中心铺，如果能够查到您的指路人地图标注服务中心铺，请直接认领，认领时需要上传您的证照资质。如果无法查...
2021-09-23 17:33:54
安然微投工作
地图API,在地图上添加了一个标注,怎么才能让这个标注随着地图缩放而缩放呢?
type: BMAP_NAVIGATION_CONTROL_LARGE, // 启用显示定位 enableGeolocation: true }); map.addControl(navigationControl); // 添加定位控件 var geoloc...
2021-09-23 17:34:38
Horizon
我曾经咨询过丁丁地图，对方说需要费用，而且感觉还不菲。我估计地图什么的也会一样，即你主动要求显示名称的，他们就会收费，当然，你做得有点名气了，他们估计就会主动在他们的地图上显示了。你可以联系一下地图看看，这个现在用的比丁丁多了。
2021-09-23 17:35:35
微信3464688960
楼主你好乐意为你解答，建议你安装地图我很喜欢，觉得很好用及时准确推送新违章，功能强大，违章功能: 免费车辆违章信息，真正零地图，不联网也能用.支持多目的地导航，希望你也会喜欢
2021-09-23 17:46:34
芮熙
地图 版 多标注如何在地图上按照合适的缩放比例全部展示出来？ 请教了
var nt = new Array(); //标注点经纬信息 var marker = new Array(); //存放标注点对象 var info = new Array(); //存放提示信息窗口对象的数组 var searchInfoWindow =new Arr...
2021-09-23 17:52:00
犀利魔力哆
进入编辑地图的界面点击地图上面的【添加线路】功能，鼠标会变成+，把鼠标移动到目标位置，开始绘制路线根据实际情况选择线路节点，绘制线路完成后双击结束绘制。完成后还可进行【编辑样式】【编辑节点】【上传照片】【编辑属性】
2021-10-16 22:45:01
雪殇
这个恐怕只有去网上搜了。看有没有高清的划的地图。再就是书指路人地图标注服务中心卖的地图册，有些版本划标注的比较详细，要自己去挑选。
2021-10-17 08:05:27