博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
百度地图接口使用例子
阅读量:6866 次
发布时间:2019-06-26

本文共 2335 字,大约阅读时间需要 7 分钟。

baidumap.js

var bmap;var menu=null;var initlat="34.16";var initlng="208.54";var initzoom=5;function initialize(){    bmap=new BMap.Map("map_canvas");    bmap.enableScrollWheelZoom();    bmap.centerAndZoom(parseToBmapLatlng(initlat,initlng),initzoom);    bmap.addControl(new BMap.NavigationControl());    initOverCallback()    }    function loadBaiduMapApi(){    var a=document.createElement("script");    a.src="http://api.map.baidu.com/api?v=1.3&callback=initialize";    document.body.appendChild(a)    }    function parseToBmapLatlng(b,a){    return new BMap.Point(a,b)    }    function fixPosition(a,b){    bmap.centerAndZoom(a,b)    }    function addMarker(c){    var b={        point:null,        title:null,        dragable:false,        func:null,        multi:false,        label:false    };        var d=$.extend({},b,c);    if(d.point==null){        alert("请指定标记位置!")        }        if(!d.multi){        bmap.clearOverlays()        }        var a=new BMap.Marker(d.point);    if(d.title!=null){        a.setTitle(d.title)        }        bmap.addOverlay(a);    if(d.dragable){        a.enableDragging()        }        if(d.func!=null){        a.addEventListener("click",d.func)        }        return a    }    function addContextMenu(){    menu=new BMap.ContextMenu();    var b=[{        text:"放大",        callback:function(){            bmap.zoomIn()            }        },{    text:"缩小",    callback:function(){        bmap.zoomOut()        }    },{    text:"在此标记(拖拽标记改变位置,点击标记确定位置)",    callback:function(c){        addMarker({            point:c,            dragable:true,            func:confirmLoc,            multi:true        })        }    }];for(var a=0;a
" ; var point =new BMap.Point(a.point.lng, a.point.lat); var marker = new BMap.Marker(point); var infoWindow = new BMap.InfoWindow(sContent); // 创建信息窗口对象 bmap.addOverlay(marker); marker.openInfoWindow(infoWindow); infoWindow.redraw(); $("#messagebox").fadeOut(1500); }}function codeAddress(c){ var a={ pageCapacity:8, onSearchComplete:function(e){ if(b.getStatus()==BMAP_STATUS_SUCCESS){ bmap.clearOverlays(); for(var d=0;d

 

在html文件里使用:

$(function(){

loadBaiduMapApi();

})

 

 

 

 

 

转载于:https://www.cnblogs.com/RightDear/p/3154620.html

你可能感兴趣的文章
openssh
查看>>
Slider 滚动条 Pagination分页插件 JS Ajax 数据范围筛选 加载 翻页 笔记
查看>>
sql 查询基本语法
查看>>
调用discuz编辑器再也不是问题了
查看>>
LoadRunner利用ODBC编写MySql脚本(转)
查看>>
中间值为什么为l+(r-l)/2,而不是(l+r)/2
查看>>
URLDownloadToFileW
查看>>
Referer反反盗链
查看>>
JavaScript开发的技巧
查看>>
使用ASP.Net WebAPI构建REST服务(四)——参数绑定
查看>>
数据建模学习笔记-4-《高质量数据库建模 4-属于和域》
查看>>
FTP新建文件夹访问
查看>>
Java中常见数据结构:list与map -底层如何实现
查看>>
lombok
查看>>
Java Lambda表达式初探
查看>>
JS 和 HTML 中的单引号与双引号
查看>>
GLSL使用FBO实现MRT(Multiple Render Targets)绘制到多张纹理 【转】
查看>>
诺贝尔文学奖
查看>>
(转)Delphi2009初体验 - 语言篇 - 智能指针(Smart Pointer)的实现
查看>>
分享一个开源的流程图绘制软件--Diagram Designer
查看>>