zoukankan      html  css  js  c++  java
  • 百度地图API 自定义坐标点及图片

    var map = new BMap.Map("allmap");
    var point = new BMap.Point(105.955754,36.525109);
    map.centerAndZoom(point,8);
    map.enableScrollWheelZoom();


    //获得原标示数组
    // 定义标示图片
    var icon1 = new BMap.Icon("image/标示1.jpg",new BMap.Size(128,128));
    var icon2 = new BMap.Icon("image/标示3.jpg",new BMap.Size(128,128));
    // 设置标示
    var mark1 = new BMap.Marker(new BMap.Point(116.41433,39.889031),{icon:icon1});
    var mark2 = new BMap.Marker(new BMap.Point(116.303371,39.858021),{icon:icon1});
    var mark3 = new BMap.Marker(new BMap.Point(116.44092,39.899991),{icon:icon1});
    var mark4 = new BMap.Marker(new BMap.Point(116.409156,39.968263),{icon:icon2});
    var mark5 = new BMap.Marker(new BMap.Point(116.330967,39.960742),{icon:icon2});
    var mark6 = new BMap.Marker(new BMap.Point(116.450549,39.927994),{icon:icon2});
    var mark7 = new BMap.Marker(new BMap.Point(116.422379,39.92224),{icon:icon2});
    var mark8 = new BMap.Marker(new BMap.Point(116.383859,39.924896),{icon:icon2});
    var mark9 = new BMap.Marker(new BMap.Point(106.258806,38.289461),{icon:icon2});
    var marks = [mark1,mark2,mark3,mark4,mark5,mark6,mark7,mark8,mark9];

    //获得点击后的标示数组{
    // 定义标示图片
    var changeIcon1 = new BMap.Icon("image/标示2.jpg",new BMap.Size(128,128));
    var changeIcon2 = new BMap.Icon("image/标示4.jpg",new BMap.Size(128,128));
    // 设置标示
    var changeMark1 = new BMap.Marker(new BMap.Point(116.41433,39.889031),{icon:changeIcon1});
    var changeMark2 = new BMap.Marker(new BMap.Point(116.303371,39.858021),{icon:changeIcon1});
    var changeMark3 = new BMap.Marker(new BMap.Point(116.44092,39.899991),{icon:changeIcon1});
    var changeMark4 = new BMap.Marker(new BMap.Point(116.409156,39.968263),{icon:changeIcon2});
    var changeMark5 = new BMap.Marker(new BMap.Point(116.330967,39.960742),{icon:changeIcon2});
    var changeMark6 = new BMap.Marker(new BMap.Point(116.450549,39.927994),{icon:changeIcon2});
    var changeMark7 = new BMap.Marker(new BMap.Point(116.422379,39.92224),{icon:changeIcon2});
    var changeMark8 = new BMap.Marker(new BMap.Point(116.383859,39.924896),{icon:changeIcon2});
    var changeMark9 = new BMap.Marker(new BMap.Point(116.411311,39.942932),{icon:changeIcon2});
    var changeMarks = [changeMark1,changeMark2,changeMark3,changeMark4,changeMark5,changeMark6,changeMark7,changeMark8,changeMark9];


    //创建Mark标示
    for(var i=0;i<marks.length;i++){
        // 将此标示放入地图
        map.addOverlay(marks[i]);
        //var markIndex = marks[i];
        (function(i){
            marks[i].addEventListener("click",function(e){
                for(var j=0;j<marks.length;j++){
                    if(j == i){
                        //alert("i = " + i);
                        var n = j+1;
                        doClick(n);
                       // 当鼠标点击这个标示的时候,标示的颜色改
                       map.addOverlay(changeMarks[j]);
                    }else{
                        map.removeOverlay(changeMarks[j]);
                    }
                }
            });
        })(i);
    }

    摘自:https://bbs.csdn.net/topics/390508734

     
  • 相关阅读:
    关于Thread ThreadPool Parallel 的一些小测试demo
    VS附加到进程调试
    netcore 实现一个简单的Grpc 服务端和客户端
    CodeSmith 找不到请求的 .Net Framework Data Provider
    ocelot集成consul服务发现
    使用ocelot作为api网关
    关于add migration 报错的问题解决方案
    关于多线程efcore dbcontext 的解决方案。
    docker mysql 容器报too many connections 引发的liunx磁盘扩容操作
    关于liunx 机器脱机环境(netcore)Nuget包迁移的问题
  • 原文地址:https://www.cnblogs.com/Mr-Rshare/p/10008352.html
Copyright © 2011-2022 走看看