百度地图使用 自定义标注的图标

  var map = new BMap.Map("l-map", { mapType: BMAP_SATELLITE_MAP });
        var point = new BMap.Point(add[0], add[1]);  // 创建点坐标
        map.centerAndZoom(point, 13);   // 初始化地图,设置中心点坐标和地图级别
        map.enableScrollWheelZoom();//鼠标滑动轮子可以滚动
        map.addControl(new BMap.NavigationControl());
        var pointArray = new Array();
        for (var i = 0; i < json_data.length; i++) {
            var myIcon;
            if (!GetWaringNum(json_data[i][6])) {
                myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {
                    offset: new BMap.Size(10, 25),
                    imageOffset: new BMap.Size(0, 0 - 10 * 25)
                });
            } else {
                myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {
                    offset: new BMap.Size(10, 25),
                    imageOffset: new BMap.Size(0, 0 - 11 * 25)
                });
            }
            var marker = new BMap.Marker(point, { icon: myIcon });
            var marker = new BMap.Marker(new BMap.Point(json_data[i][0], json_data[i][1]), { icon: myIcon }); // 创建点
            var content = '<div class=DIVs Province="' + json_data[i][4] + '" StationName="' + json_data[i][5] + '" StationId="' + json_data[i][6] + '" οnclick="funDiv(this)">'
               + '<div style="width:173px; float:left"><p class=Ng_p></p><p><i style=" background:url(/Images/24.png) no-repeat; heigth:20px; margin-top: 5px;"></i></i>&nbsp;流量:<span class="S_pan1 J_LL' + json_data[i][7] + '">--</span>m³/h</p><p ><i style=" background:url(/Images/25.png) no-repeat;"></i>&nbsp;压力:<span class="S_pan2 J_YL' + json_data[i][7] + '"></span>MPa</p><p ><i style="background:url(/Images/Test/10.png) no-repeat; heigth:20px;"></i>&nbsp;功率:<span class="S_pan3 J_GL' + json_data[i][7] + '">' + json_data[i][8] + '</span>kW</p><p ><i style=" background:url(/Images/Test/9.png) no-repeat; heigth:20px;""></i>&nbsp;水质:<span class="S_pan3 J_SZ' + json_data[i][7] + '"></span></p></div><div class=J_rigth><img src="' + data[i].County + '" /><div class=J_div_rigth>' + json_data[i][3] + '</div></div></div>';
            var title = "jik";
            var label = new BMap.Label(json_data[i][5], { offset: new BMap.Size(20, -10) });
            label.setStyle({ "padding": "3px 5px", "background": "#fff", "opacity": "0.8", "filter": "alpha(opacity=80)" });
            marker.setLabel(label);
            map.addOverlay(marker); // 将标注添加到地图中
            addClickHandler(content, marker, title, json_data[i][7]);
        }
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值