zoukankan      html  css  js  c++  java
  • 百度地图

     <script type="text/javascript">
    var map=new BMap.Map('map');
    var f={
    //页面加载调用地图
    load:function(){
    window.onload=function(){
    navigator.geolocation.getCurrentPosition(f.successFun, f.errFun);
    }
    },
    initMap:function(point){//初始化地图
            //对地图控件的调整
    map.addControl(new BMap.NavigationControl());//导航控件
    map.addControl(new BMap.ScaleControl());//是否滚动
    map.addControl(new BMap.OverviewMapControl());//缩放控制
    map.CenterAndZoom(point,15);//point为坐标点,15为地图缩放级别,最大级别是 18


    //非自定义定位图片
    // var marker=new BMap.Marker(point);
    // map.addOverlay(marker);

    //自定义定位图片
    var icon=new BMap.Icon('images/t2.png',new BMap.Size(32,40),{
    anchor:new BMap.size(10,30)
    });
    var marker=new BMap.Marker(point,{icon:icon});//根据描点向地图添加图层对象
            map.addOverlay(marker);//在地图中添加图层对象

    },
    successFun:function(d){//创建成功
    console.log(d);
    var dp= f.getId('map');//为存放一个地图的div
    dp.innerHTML='成功加载地图!';
    var lon= d.coords.longitude;
    var lat= d.coords.latitude;
    var point=new BMap.Point(lon,lat);//描点
    BMap.Convertor.translate(point,0, f.initMap);//初始化地图
    },
    errFun:function(e){//创建失败
                    var str='';
    switch (e.code){
    case e.PERMISSION_DENIED:
    str='用户拒绝地理位置要求!';
    break;
    case e.POSITION_UNAVAILABLE:
    str='位置信息不可用!';
    break;
    case e.TIMEOUT:
    str='获取用户位置请求超时!';
    break;
    case e.UNKNOWN_ERROR:
    str='发生不明错误!';
    break;
    }
    }
    };
    f.load();
    </script>

    initMap2:function(points) {//在创建除位置定位之外的锚点时
    var pointMarker2 = new BMap.Marker(points);
    map.addOverlay(pointMarker2);
    var d=JSON.parse(window.sessionStorage.getItem('d'));//方便转换便用了缓存
    pointMarker2.ind=t;
    pointMarker2.addEventListener("click", function(){//点击时弹出的信息框
    var content ="<div style='font-size:12px;200px;margin-top:10px;'>"
    + "<h4 style='margin:0 0 5px 0;padding:0.2em 0;'>"+d[this.ind].dealerName+"</h4>"
    +"<p style='font-size:12px;-webkit-text-size-adjust:none;'>地址:"+d[this.ind].dealerAddress+"</p>"
    + "</div>";
    var infoWindow = new BMap.InfoWindow(content,{enableMessage:false});//创建一个显示信息的窗口
    this.openInfoWindow(infoWindow);
    });
    t++;
    },
  • 相关阅读:
    一次线上问题引发的对于C#中相等判断的思考
    Node中的模块引入机制
    Node 各个版本支持ES2015特性的网站
    使用Chrome 中的 ssh 插件登陆 linux 服务器
    vmWare 虚机文件不能启动的事故处理
    JaveScript 中使用 XSLT转换XML文档
    浏览器上的坐标体系相关概念(客户区,页面,屏幕)
    visual Studio 中使用正则表达式来进行查找替换
    JavaScript 执行环境及作用域
    Laravel save部分字段失效的bug问题解决
  • 原文地址:https://www.cnblogs.com/zshome/p/4934311.html
Copyright © 2011-2022 走看看