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++;
    },
  • 相关阅读:
    从搭eclipse环境到导入maven工程
    基于jquery的多选下拉列框再次更改样式和交互
    BootStrap的typeahead使用过程中遇到的问题
    Vue webapp项目通过HBulider打包原生APP
    微信相机
    前端小新手,记录项目中不懂的问题
    判断pdf、word文档、图片等文件类型(格式)、大小的简便方法
    JavaScript学习笔记(一)——Map、Set与iterable
    oracle nvl函数
    mybaits中主键自动生成并返回主键
  • 原文地址:https://www.cnblogs.com/zshome/p/4934311.html
Copyright © 2011-2022 走看看