百度地图API开发指南

简介什么是百度地图API？

百度地图API是一套由JavaScript语言编写的应用程序接口，它能够帮助您在网站中构建功能丰富、交互性强的地图应用。百度地图API包含了构建地图基本功能的各种接口，提供了诸如本地搜索、路线规划等数据服务。

面向的读者

API是提供给那些具有一定JavaScript编程经验和了解面向对象概念的读者使用。此外，读者还应该对地图产品有一定的了解。

您在使用中遇到任何问题，都可以通过API贴吧或交流群反馈给我们。

获取API

地图API是由JavaScript语言编写的，您在使用之前需要通过<script>标签将API引用到页面中：

<script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>
其中参数v为API当前的版本号，目前最新版本为1.2。在1.2版本之前您还可以设置services参数，以告知API是否加载服务部分，true表示加载，false表示不加载，默认为true。

开发移动平台上的地图应用

API自1.1版本起开始支持iPhone、Android这样的移动平台。用户通过手机浏览器就可以访问由地图API创建出来的应用。移动平台的屏幕尺寸通常比PC或笔记本要小，操作方式也有所不同。为了更好的在手机浏览器上展示地图，我们有如下建议：

将地图容器高设置为100%，使其充满整个屏幕，或者您也可以计算浏览器窗口的大小并进行设置。添加下面的meta标签： <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />这样做是为了让页面以正常比例进行显示并且禁止用户缩放页面的操作。

您可以参考 Apple's Developer documentation 和 Android documentation 获得更多信息。

异步加载

API 1.1和1.2版本支持异步加载，您可以在引用脚本的时候添加callback参数，当脚本加载完成后callback函数会被立刻调用。请参考下面的使用示例：
1. 浏览器：IE 6.0+、Firefox 3.6+、Opera 9.0+、Safari 3.0+、Chrome
  
  操作系统：Windows、Mac、Linux
  
  移动平台：iPhone、Android
  
  版本说明
  
  地址 http://api.map.baidu.com/api?v=1.2 中的参数v表示您加载API的版本，例如当前API的最新版本为1.2，则您可在地址中添加 v=1.2。当API升级后，如果已有接口在使用、命名等方面发生了变化，我们会为其增加一个新的版本号，这不会对您现有的应用造成任何影响。如果升级只是修复一些bug或者在不影响现有功能的前提下增加接口、改善性能，则版本号不会发生变化。您可以在更新日志页面查看版本的变化。
  
  问题解答
  
  如果您在使用百度地图API中遇到问题，请尝试通过以下途径解决：
  
  确认您使用了正确的地图API地址。访问百度地图API吧，查找相关问题的帖子，或者将您的问题发布到贴吧中。基础知识百度地图的“Hello, World”
  
  开始学习百度地图API最简单的方式是看一个简单的示例。以下代码创建了一个地图并以天安门作为地图的中心：
  1. <!DOCTYPE html><html><head>
  2. <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Hello, World</title>
  5. <style type="text/css">html{height:100%}body{height:100%;margin:0px;padding:0px}#container{height:100%}</style>
  6. <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2">
  7. </script></head><body>
  8. <div id="container"></div>
  9. <script type="text/javascript">var map = new BMap.Map("container");
  10. // 创建地图实例var point = new BMap.Point(116.404, 39.915);
  11. // 创建点坐标map.centerAndZoom(point, 15);
  12. // 初始化地图，设置中心点坐标和地图级别</script>
  13. </body></html>
    下面我们分步向您介绍：
    
    准备页面
    
    根据HTML标准，每一份HTML文档都应该声明正确的文档类型，我们建议您使用最新的符合HTML5规范的文档声明：
    
    <!DOCTYPE html>
    
    您也可以根据需要选择其他类型的文档声明，这样浏览器会以标准的方式对页面进行渲染，保证页面最大的兼容性。我们不建议您使用quirks模式进行开发。
    
    下面我们添加一个meta标签，以便使您的页面更好的在移动平台上展示。
    1. <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
      接着我们设置样式，使地图充满整个浏览器窗口：
      1. <style type="text/css">　
      2. html{height:100%}　
      3. body{height:100%;margin:0px;padding:0px}　
      4. #container{height:100%}　
      5. </style>引用百度地图API文件
      6. <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2">
      7. </script>创建地图容器元素
      地图需要一个HTML元素作为容器，这样才能展现到页面上。这里我们创建了一个div元素。
      
      命名空间
      
      API使用BMap作为命名空间，所有类均在该命名空间之下，比如：BMap.Map、BMap.Control、BMap.Overlay。
      
      创建地图实例 var map = new BMap.Map("container");
      
      位于BMap命名空间下的Map类表示地图，通过new操作符可以创建一个地图实例。其参数可以是元素id也可以是元素对象。
      
      注意在调用此构造函数时应确保容器元素已经添加到地图上。
      
      创建点坐标 var point = new BMap.Point(116.404, 39.915);
      
      这里我们使用BMap命名空间下的Point类来创建一个坐标点。Point类描述了一个地理坐标点，其中116.404表示经度，39.915表示纬度。
      
      地图初始化map.centerAndZoom(point, 15);
      
      在创建地图实例后，我们需要对其进行初始化，BMap.Map.centerAndZoom()方法要求设置中心点坐标和地图级别。地图必须经过初始化才可以执行其他操作。
      
      地图配置与操作
      
      地图被实例化并完成初始化以后，就可以与其进行交互了。API中的地图对象的外观与行为与百度地图网站上交互的地图非常相似。它支持鼠标拖拽、滚轮缩放、双击放大等交互功能。您也可以修改配置来改变这些功能。比如，默认情况下地图不支持鼠标滚轮缩放操作，因为这样可能会影响整个页面的用户体验，但是如果您希望在地图中使用鼠标滚轮控制缩放，则可以调用map.enableScrollWheelZoom方法来开启。配置选项可以在Map类参考的配置方法一节中找到。
      
      此外，您还可以通过编程的方式与地图交互。Map类提供了若干修改地图状态的方法。例如：setCenter()、panTo()、zoomTo()等等。
      
      下面示例显示一个地图，等待两秒钟后，它会移动到新中心点。panTo()方法将让地图平滑移动至新中心点，如果移动距离超过了当前地图区域大小，则地图会直跳到该点。
      1. var map = new BMap.Map("container");　
      2. var point = new BMap.Point(116.404, 39.915);　 map.centerAndZoom(point, 15);　
      3. window.setTimeout(function(){
      4. map.panTo(new BMap.Point(116.409, 39.918));
      5. 　 }, 2000); 控件地图控件概述
      百度地图上负责与地图交互的UI元素称为控件。百度地图API中提供了丰富的控件，您还可以通过Control类来实现自定义控件。
      
      地图API中提供的控件有：
      
      Control：控件的抽象基类，所有控件均继承此类的方法、属性。通过此类您可实现自定义控件。
      
      NavigationControl：地图平移缩放控件，默认位于地图左上方，它包含控制地图的平移和缩放的功能。
      
      OverviewMapControl：缩略地图控件，默认位于地图右下方，是一个可折叠的缩略地图。
      
      ScaleControl：比例尺控件，默认位于地图左下方，显示地图的比例关系。
      
      MapTypeControl：地图类型控件，默认位于地图右上方。
      
      CopyrightControl：版权控件，默认位于地图左下方。
      
      向地图添加控件
      
      可以使用Map.addControl()方法向地图添加控件。在此之前地图需要进行初始化。例如，要将标准地图控件添加到地图中，可在代码中添加如下内容：
      
      var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); map.addControl(new BMap.NavigationControl());
      
      可以向地图添加多个控件。在本例中我们向地图添加一个平移缩放控件、一个比例尺控件和一个缩略图控件。在地图中添加控件后，它们即刻生效。
      1. map.addControl(new BMap.NavigationControl());
      2. map.addControl(new BMap.ScaleControl());
      3. map.addControl(new BMap.OverviewMapControl());
      4. map.addControl(new BMap.MapTypeControl());
      5. map.setCurrentCity("北京"); // 仅当设置城市信息时，
      6. MapTypeControl的切换功能才能可用控制控件位置
        初始化控件时，可提供一个可选参数，其中的anchor和offset属性共同控制控件在地图上的位置。
        
        控件停靠位置
        
        anchor表示控件的停靠位置，即控件停靠在地图的哪个角。当地图尺寸发生变化时，控件会根据停靠位置的不同来调整自己的位置。anchor允许的值为：
        
        BMAP_ANCHOR_TOP_LEFT 表示控件定位于地图的左上角。
        
        BMAP_ANCHOR_TOP_RIGHT 表示控件定位于地图的右上角。
        
        BMAP_ANCHOR_BOTTOM_LEFT 表示控件定位于地图的左下角。
        
        BMAP_ANCHOR_BOTTOM_RIGHT 表示控件定位于地图的右下角。
        
        控件位置偏移
        
        除了指定停靠位置外，还可以通过偏移量来指示控件距离地图边界有多少像素。如果两个控件的停靠位置相同，那么控件可能会重叠在一起，这时就可以通过偏移值使二者分开显示。
        
        var opts = {offset: new BMap.Size(150, 5)} map.addControl(new BMap.ScaleControl(opts)); 修改控件配置
        地图API的控件提供了丰富的配置参数，您可参考API文档来修改它们以便得到符合要求的控件外观。例如，NavigationControl控件就提供了如下类型：
        
        BMAP_NAVIGATION_CONTROL_LARGE 表示显示完整的平移缩放控件。
        
        BMAP_NAVIGATION_CONTROL_SMALL 表示显示小型的平移缩放控件。
        
        BMAP_NAVIGATION_CONTROL_PAN 表示只显示控件的平移部分功能。
        
        BMAP_NAVIGATION_CONTROL_ZOOM 表示只显示控件的缩放部分功能。
        
        下图从左向右依次展示了上述不同类型的控件外观：
        
        下面的示例将调整平移缩放地图控件的外观。
        
        var opts = {type: BMAP_NAVIGATION_CONTROL_SMALL} map.addControl(new BMap.NavigationControl(opts)); 自定义控件
        
        百度地图API允许您通过继承Control来创建自定义地图控件。
        
        要创建可用的自定义控件，您需要做以下工作：
        
        定义一个自定义控件的构造函数。
        
        设置自定义控件构造函数的prototype属性为Control的实例，以便继承控件基类。
        
        实现initialize()方法并提供defaultAnchor和defaultOffset属性。
        
        定义构造函数并继承Control
        
        首先您需要定义自定义控件的构造函数，并在构造函数中提供defaultAnchor和defaultOffset两个属性，以便API正确定位控件位置，接着让其继承于Control。在下面的示例中我们定义一个名为ZoomControl的控件，每一次点击将地图放大两个级别。它具有文本标识，而不是平移缩放控件中使用的图形图标。
        
        // 定义一个控件类，即function function ZoomControl(){
        
        // 设置默认停靠位置和偏移量 this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;
        
        this.defaultOffset = new BMap.Size(10, 10); }
        
        // 通过JavaScript的prototype属性继承于BMap.Control ZoomControl.prototype = new BMap.Control();
        
        初始化自定义控件
        当调用map.addControl()方法添加自定义控件时，API会调用该对象的initialize()方法用来初始化控件，您需要实现此方法并在其中创建控件所需的DOM元素，并添加DOM事件。所有自定义控件中的DOM元素最终都应该添加到地图容器（即地图所在的DOM元素）中去，地图容器可以通过map.getContainer()方法获得。最后initialize()方法需要返回控件容器的DOM元素。
        
        // 自定义控件必须实现initialize方法，并且将控件的DOM元素返回
        
        // 在本方法中创建个div元素作为控件的容器，并将其添加到地图容器中
        
        ZoomControl.prototype.initialize = function(map){
        
        // 创建一个DOM元素 var div = document.createElement("div");
        
        // 添加文字说明 div.appendChild(document.createTextNode("放大2级"));
        
        // 设置样式 div.style.cursor = "pointer";
        
        div.style.border = "1px solid gray";
        
        div.style.backgroundColor = "white";
        
        // 绑定事件，点击一次放大两级 div.onclick = function(e){ map.zoomTo(map.getZoom() + 2); }
        
        // 添加DOM元素到地图中 map.getContainer().appendChild(div);
        
        // 将DOM元素返回 return div; } 添加自定义控件
        添加自定义控件与添加其他控件方法一致，调用map.addControl()方法即可。
        
        // 创建控件实例 var myZoomCtrl = new ZoomControl(); // 添加到地图当中 map.addControl(myZoomCtrl); 覆盖物地图覆盖物概述
        
        所有叠加或覆盖到地图的内容，我们统称为地图覆盖物。如标注、矢量图形元素(包括：折线和多边形和圆)、信息窗口等。覆盖物拥有自己的地理坐标，当您拖动或缩放地图时，它们会相应的移动。
        
        地图API提供了如下几种覆盖物：
        
        Overlay：覆盖物的抽象基类，所有的覆盖物均继承此类的方法。
        
        Marker：标注表示地图上的点，可自定义标注的图标。
        
        Label：表示地图上的文本标注，您可以自定义标注的文本内容。
        
        Polyline：表示地图上的折线。
        
        Polygon：表示地图上的多边形。多边形类似于闭合的折线，另外您也可以为其添加填充颜色。
        
        Circle: 表示地图上的圆。
        
        InfoWindow：信息窗口也是一种特殊的覆盖物，它可以展示更为丰富的文字和多媒体信息。注意：同一时刻只能有一个信息窗口在地图上打开。
        
        可以使用map.addOverlay方法向地图添加覆盖物，使用map.removeOverlay方法移除覆盖物，注意此方法不适用于InfoWindow。
        
        标注
        
        标注表示地图上的点。API提供了默认图标样式，您也可以通过Icon类来指定自定义图标。Marker的构造函数的参数为Point和MarkerOptions（可选）。注意：当您使用自定义图标时，标注的地理坐标点将位于标注所用图标的中心位置，您可通过Icon的offset属性修改标定位置。
        
        下面的示例向地图中心点添加了一个标注，并使用默认的标注样式。
        
        var map = new BMap.Map("container");
        
        var point = new BMap.Point(116.404, 39.915);
        
        map.centerAndZoom(point, 15);
        
        var marker = new BMap.Marker(point);
        
        // 创建标注 map.addOverlay(marker);
        
        // 将标注添加到地图中定义标注图标
        
        通过Icon类可实现自定义标注的图标，下面示例通过参数MarkerOptions的icon属性进行设置，您也可以使用marker.setIcon()方法。
        
        var map = new BMap.Map("container");
        
        var point = new BMap.Point(116.404, 39.915);
        
        map.centerAndZoom(point, 15); // 编写自定义函数，创建标注
        
        function addMarker(point, index){
        
        // 创建图标对象
        
        var myIcon = new BMap.Icon("markers.png", new BMap.Size(23, 25),
        
        { // 指定定位位置。
        
        // 当标注显示在地图上时，其所指向的地理位置距离图标左上
        
        // 角各偏移10像素和25像素。您可以看到在本例中该位置即是
        
        // 图标中央下端的尖角位置。 offset: new BMap.Size(10, 25), // 设置图片偏移。
        
        // 当您需要从一幅较大的图片中截取某部分作为标注图标时，您
        
        // 需要指定大图的偏移位置，此做法与css sprites技术类似。
        
        imageOffset: new BMap.Size(0, 0 - index * 25)
        
        // 设置图片偏移 });
        
        // 创建标注对象并添加到地图
        
        var marker = new BMap.Marker(point, {icon: myIcon});
        
        map.addOverlay(marker); } // 随机向地图添加10个标注
        
        var bounds = map.getBounds();
        
        var lngSpan = bounds.maxX - bounds.minX;
        
        var latSpan = bounds.maxY - bounds.minY;
        
        for (var i = 0;
        
        i < 10; i ++) {
        
        var point = new BMap.Point(bounds.minX + lngSpan * (Math.random() * 0.7 + 0.15), bounds.minY + latSpan * (Math.random() * 0.7 + 0.15));
        
        addMarker(point, i); } 监听标注事件
        事件方法与Map事件机制相同。可参考事件部分。
        
        marker.addEventListener("click", function(){ alert("您点击了标注"); }); 可托拽的标注
        
        marker的enableDragging和disableDragging方法可用来开启和关闭标注的拖拽功能。默认情况下标注不支持拖拽，您需要调用marker.enableDragging()方法来开启拖拽功能。在标注开启拖拽功能后，您可以监听标注的dragend事件来捕获拖拽后标注的最新位置。
        
        marker.enableDragging(); marker.addEventListener("dragend", function(e){ alert("当前位置：" + e.point.lng + ", " + e.point.lat); }) 内存释放
        
        在API 1.0版本中，如果您需要在地图中反复添加大量的标注，这可能会占用较多的内存资源。如果您的标注在移除后不再使用，可调用Overlay.dispose()方法来释放内存。注意在1.0版本中，调用此方法后标注将不能再次添加到地图上。自1.1版本开始，您不在需要使用此方法来释放内存资源，API会自动帮助您完成此工作。
        
        例如，您可以在标注被移除后调用此方法：
        
        map.removeOverlay(marker); marker.dispose();
        
        // 1.1 版本不需要这样调用信息窗口
        
        信息窗口在地图上方的浮动显示HTML内容。信息窗口可直接在地图上的任意位置打开，也可以在标注对象上打开（此时信息窗口的坐标与标注的坐标一致）。您可以使用InfoWindow来创建一个信息窗实例，注意同一时刻地图上只能有一个信息窗口处于打开状态。
        
        var opts = { width : 250,
        
        // 信息窗口宽度
        
        height: 100,
        
        // 信息窗口高度
        
        title : "Hello"
        
        // 信息窗口标题 }
        
        var infoWindow = new BMap.InfoWindow("World", opts);
        
        // 创建信息窗口对象
        
        map.openInfoWindow(infoWindow, map.getCenter());
        
        // 打开信息窗口折线
        Polyline表示地图上的折线覆盖物。它包含一组点，并将这些点连接起来形成折线。
        
        添加折线
        
        折线在地图上绘制为一系列直线段。可以自定义这些线段的颜色、粗细和透明度。颜色可以是十六进制数字形式（比如：#ff0000）或者是颜色关键字（比如：red）。
        
        Polyline的绘制需要浏览器支持矢量绘制功能。在Internet Explorer中，地图使用VML绘制折线；在其他浏览器中使用SVG或者Canvas
        
        以下代码段会在两点之间创建6像素宽的蓝色折线：
        
        var polyline = new BMap.Polyline([
        
        new BMap.Point(116.399, 39.910),
        
        new BMap.Point(116.405, 39.920) ], {strokeColor:"blue",
        
        strokeWeight:6, strokeOpacity:0.5} );
        
        map.addOverlay(polyline); 自定义覆盖物
        
        API自1.1版本起支持用户自定义覆盖物。
        
        要创建自定义覆盖物，您需要做以下工作：
        
        定义一个自定义覆盖物的构造函数，通过构造函数参数可以传递一些自由的变量。
        
        设置自定义覆盖物对象的prototype属性为Overlay的实例，以便继承覆盖物基类。
        
        实现initialize方法，当调用map.addOverlay方法时，API会调用此方法。
        
        实现draw方法。
        
        定义构造函数并继承Overlay
        
        首先您需要定义自定义覆盖物的构造函数，在下面的示例中我们定义一个名为SquareOverlay的构造函数，它包含中心点和边长两个参数，用来在地图上创建一个方形覆盖物。
        
        // 定义自定义覆盖物的构造函数 function SquareOverlay(center, length, color){ this._center = center; this._length = length; this._color = color; } // 继承API的BMap.Overlay SquareOverlay.prototype = new BMap.Overlay(); 初始化自定义覆盖物
        
        当调用map.addOverlay方法添加自定义覆盖物时，API会调用该对象的initialize方法用来初始化覆盖物，在初始化过程中需要创建覆盖物所需要的DOM元素，并添加到地图相应的容器中。
        
        地图提供了若干容器供覆盖物展示，通过map.getPanes方法可以得到这些容器元素，它们包括：
        
        floatPane
        
        markerMouseTarget
        
        floatShadow
        
        labelPane
        
        markerPane
        
        mapPane
        
        这些对象代表了不同的覆盖物容器元素，它们之间存在着覆盖关系，最上一层为floatPane，用于显示信息窗口内容，下面依次为标注点击区域层、信息窗口阴影层、文本标注层、标注层和矢量图形层。
        
        我们自定义的方形覆盖物可以添加到任意图层上，这里我们选择添加到markerPane上，作为其一个子结点。
        
        // 实现初始化方法 SquareOverlay.prototype.initialize = function(map){ // 保存map对象实例 this._map = map; // 创建div元素，作为自定义覆盖物的容器 var div = document.createElement("div"); div.style.position = "absolute"; // 可以根据参数设置元素外观 div.style.width = this._length + "px"; div.style.height = this._length + "px"; div.style.background = this._color; // 将div添加到覆盖物容器中 map.getPanes().markerPane.appendChild(div); // 保存div实例 this._div = div; // 需要将div元素作为方法的返回值，当调用该覆盖物的show、 // hide方法，或者对覆盖物进行移除时，API都将操作此元素。 return div; }绘制覆盖物
        
        到目前为止，我们仅仅把覆盖物添加到了地图上，但是并没有将它放置在正确的位置上。您需要在draw方法中设置覆盖物的位置，每当地图状态发生变化（比如：位置移动、级别变化）时，API都会调用覆盖物的draw方法，用于重新计算覆盖物的位置。通过map.pointToOverlayPixel方法可以将地理坐标转换到覆盖物的所需要的像素坐标。
        
        // 实现绘制方法 SquareOverlay.prototype.draw = function(){ // 根据地理坐标转换为像素坐标，并设置给容器 var position = this._map.pointToOverlayPixel(this._center); this._div.style.left = position.x - this._length / 2 + "px"; this._div.style.top = position.y - this._length / 2 + "px"; }移除覆盖物
        
        当调用map.removeOverlay或者map.clearOverlays方法时，API会自动将initialize方法返回的DOM元素进行移除。
        
        显示和隐藏覆盖物
        
        自定义覆盖物会自动继承Overlay的show和hide方法，方法会修改由initialize方法返回的DOM元素的style.display属性。如果自定义覆盖物元素较为复杂，您也可以自己实现show和hide方法。
        
        // 实现显示方法
        
        SquareOverlay.prototype.show = function(){
        
        if (this._div){ this._div.style.display = ""; } }
        
        // 实现隐藏方法
        
        SquareOverlay.prototype.hide = function(){
        
        if (this._div){ this._div.style.display = "none"; } }
        
        自定义其他方法
        
        通过构造函数的prototype属性，您可以添加任何自定义的方法，比如下面这个方法每调用一次就能改变覆盖物的显示状态：
        
        // 添加自定义方法
        
        SquareOverlay.prototype.toggle = function(){ if (this._div){
        
        if (this._div.style.display == ""){ this.hide(); }
        
        else { this.show(); } } }
        
        添加覆盖物
        
        您现在已经完成了一个完整的自定义覆盖物的编写，可以添加到地图上了。
        
        // 初始化地图 var map = new BMap.Map("container");
        
        var point = new BMap.Point(116.404, 39.915);
        
        map.centerAndZoom(point, 15);
        
        // 添加自定义覆盖物 var mySquare = new SquareOverlay(map.getCenter(), 100, "red");
        
        map.addOverlay(mySquare); 事件地图事件概述
        
        浏览器中的JavaScript是“事件驱动的”，这表示JavaScript通过生成事件来响应交互，并期望程序能够“监听”感兴趣的活动。例如，在浏览器中，用户的鼠标和键盘交互可以创建在DOM内传播的事件。对某些事件感兴趣的程序会为这些事件注册JavaScript事件监听器，并在接收这些事件时执行代码。
        
        百度地图API拥有一个自己的事件模型，程序员可监听地图API对象的自定义事件，使用方法和DOM事件类似。但请注意，地图API事件是独立的，与标准DOM事件不同。
        
        事件监听
        
        百度地图API中的大部分对象都含有addEventListener方法，您可以通过该方法来监听对象事件。例如，BMap.Map包含click、dblclick等事件。在特定环境下这些事件会被触发，同时监听函数会得到相应的事件参数e，比如当用户点击地图时，e参数会包含鼠标所对应的地理位置point。
        
        有关地图API对象的事件，请参考完整的API参考文档。
        
        addEventListener方法有两个参数：监听的事件名称和事件触发时调用的函数。在下面示例中，每当用户点击地图时，会弹出一个警告框。
        
        var map = new BMap.Map("container");
        
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
        
        map.addEventListener("click", function(){
        
        alert("您点击了地图。"); }); 通过监听事件还可以捕获事件触发后的状态。下面示例显示用户拖动地图后地图中心的经纬度信息
        
        var map = new BMap.Map("container");
        
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
        
        map.addEventListener("dragend", function(){ var center = map.getCenter();
        
        alert("地图中心点变更为：" + center.lng + ", " + center.lat); });
        
        事件参数和this
        在标准的DOM事件模型中（DOM Level 2 Events），监听函数会得到一个事件对象e，在e中可以获取有关该事件的信息。同时在监听函数中this会指向触发该事件的DOM元素。百度地图API的事件模型与此类似，在事件监听函数中传递事件对象e，每个e参数至少包含事件类型（type）和触发该事件的对象（target）。 API还保证函数内的this指向触发（同时也是绑定）事件的API对象。
        
        例如，通过参数e得到点击的经纬度坐标。
        
        var map = new BMap.Map("container");
        
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
        
        map.addEventListener("click", function(e){
        
        alert(e.point.lng + ", " + e.point.lat); });
        或者通过this得到地图缩放后的级别。
        
        var map = new BMap.Map("container");
        
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
        
        map.addEventListener("zoomend", function(){
        
        alert("地图缩放至：" + this.getZoom() + "级"); });
        
        移除监听事件
        当您不再希望监听事件时，可以将事件监听进行移除。每个API对象提供了removeEventListener用来移除事件监听函数。
        
        下面示例中，用户第一次点击地图会触发事件监听函数，在函数内部对事件监听进行了移除，因此后续的点击操作则不会触发监听函数。
        
        var map = new BMap.Map("container");
        
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
        
        function showInfo(e){ alert(e.point.lng + ", " + e.point.lat);
        
        map.removeEventListener("click", showInfo); } map.addEventListener("click", showInfo);
        
        地图图层地图图层概念
        
        地图可以包含一个或多个图层，每个图层在每个级别都是由若干张图块组成的，它们覆盖了地球的整个表面。例如您所看到包括街道、兴趣点、学校、公园等内容的地图展现就是一个图层，另外交通流量的展现也是通过图层来实现的。
        
        目前百度地图提供的图层包括：
        
        TrafficLayer：交通流量图层。
        
        添加和移除图层
        
        通过map.addTileLayer方法可向地图添加图层，例如下面代码将显示北京市的交通流量。
        
        var map = new BMap.Map("container"); // 创建地图实例 var point = new BMap.Point(116.404, 39.915); // 创建点坐标 map.centerAndZoom(point, 15); // 初始化地图，设置中心点坐标和地图级别 var traffic = new BMap.TrafficLayer(); // 创建交通流量图层实例 map.addTileLayer(traffic); // 将图层添加到地图上
        
        若要从地图上移除图层，需要调用map.removeTileLayer方法。
        
        map.removeTileLayer(traffic); // 将图层移除自定义图层地图坐标系
        
        在使用自定义图层前，您需要了解百度地图的地图坐标系，百度地图坐标系涉及：
        
        经纬度球面坐标系统
        
        墨卡托平面坐标系统
        
        图块编号系统
        
        经纬度是一种利用三维空间的球面来定义地球上的空间的球面坐标系，它能够标示地球上任何一个位置。通过伦敦格林尼治天文台原址的经线为0度经线，从0度经线向东、向西各分180度。赤道为0度纬线，赤道以北的纬线称为北纬、以南的称为南纬。在百度地图中，东经和北纬用正数标示，西经和南纬用负数标示。例如北京的位置大约是北纬39.9度，东经116.4度，那么用数值标示就是经度116.6，纬度39.9。在百度地图中，习惯经度在前，纬度在后，例如：
        
        var point = new BMap.Point(116.404, 39.915); // 创建点坐标，经度在前，纬度在后
        
        由于百度地图是显示在平面上的，因此在地图内部系统中需要将球面坐标转换为平面坐标，这个转换过程称为投影。百度地图使用的是墨卡托投影。墨卡托平面坐标如下图所示，平面坐标与经纬度坐标系的原点是重合的。
        
        百度地图在每一个级别将整个地图划分成若干个图块，通过编号系统将整个图块整合在一起以便显示完整的地图。当地图被拖动或者级别发生变化时，地图API将会根据平面坐标计算出当前视野内所需显示的图块的编号。
        
        百度地图图块编号规则如下图所示：
        
        从平面坐标原点开始的右上方向的图块编号为0,0，以此类推。在最低的缩放级别（级别 1）中，整个地球由 4 张图块组成。随着级别的增长，地图所使用的图块个数也随之增多。
        
        定义取图规则
        
        通过TileLayer类开发者可以实现自定义图层。其中，TileLayer实例的getTilesUrl方法需要实现，用来告诉API取图规则。getTilesUrl方法的参数包括tileCoord和zoom，其中tileCoord为图块的编号信息，zoom为图块的级别，每当地图需要显示特定级别的特定位置的图块时就会自动调用此方法，并提供这两个参数。使用者需要告知API特定编号和级别所对应的图块的地址，这样API就能正常显示自定义的图层了。
        
        添加和移除自定义图层
        
        以下代码在每个图块的所有缩放级别上显示一个简单的透明叠加层，使用浮动红色小水滴表示图块的轮廓。
        
        var map = new BMap.Map("container");
        
        // 创建地图实例 var point = new BMap.Point(116.404, 39.915);
        
        // 创建点坐标 map.centerAndZoom(point,15);
        
        // 初始化地图，设置中心点坐标和地图级别
        
        var tilelayer = new BMap.TileLayer();
        
        // 创建地图层实例 tilelayer.getTilesUrl=function(){
        
        // 设置图块路径 return "layer.gif"; };
        
        map.addTileLayer(tilelayer);
        
        // 将图层添加到地图上工具地图工具概述
        
        百度地图提供了交互功能更为复杂的“工具”，它包括：
        
        PushpinTool：标注工具。通过此工具用户可在地图任意区域添加标注。
        
        DistanceTool：测距工具。通过此工具用户可测量地图上任意位置之间的距离。
        
        DragAndZoomTool：区域缩放工具。此工具将根据用户拖拽绘制的矩形区域大小对地图进行放大或缩小操作。
        
        工具类在初始化时需要提供地图实例参数，以便使工具在该地图上生效。您可以在地图上添加多个工具，但同一时刻只能有一个工具处于开启状态。标注工具和测距工具在完成一次操作后将自动退出开启状态，而区域缩放工具可以自行配置是否自动关闭。
        
        向地图添加工具
        
        在地图正确初始化后，您可以创建工具实例。下面示例展示了如何向地图添加一个标注工具。
        
        var map = new BMap.Map("container");
        
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 15);
        
        var myPushpin = new BMap.PushpinTool(map);
        
        // 创建标注工具实例
        
        myPushpin.addEventListener("markend", function(e){
        
        // 监听事件，提示标注点坐标信息 alert("您标注的位置：" + e.marker.getPoint().lng + ", " + e.marker.getPoint().lat); });
        
        myPushpin.open();
        
        // 开启标注工具通过按钮控制工具的开启和关闭
        工具类没有提供控制其开启和关闭的UI元素。您可以根据需要自己创建这些元素，把它们放置在地图区域内或者区域外均可。调用工具类的open和close可控制工具的开启和关闭。
        
        首先初始化地图并创建一个测距工具实例：
        
        var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 15); var myDis = new BMap.DistanceTool(map);
        
        接着我们创建两个按钮元素并为其添加点击事件。
        
        <input type="button" value="开启" onclick="myDis.open()" /> <input type="button" value="关闭" onclick="myDis.close()" /> 拉框放大工具
        
        一些工具类提供了可修改的配置参数，您可参考API文档来修改它们以便符合您的要求。
        
        本示例为区域缩放工具添加提示文字。
        
        var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 15); var myDrag = new BMap.DragAndZoomTool(map, { followText : "拖拽鼠标进行操作" }); 服务地图服务概述
        
        地图服务是指那些提供数据信息的接口，比如本地搜索、路线规划等等。百度地图API提供的服务有：
        
        LocalSearch：本地搜索，提供某一特定地区的位置搜索服务，比如在北京市搜索“公园”。
        
        TransitRoute：公交导航，提供某一特定地区的公交出行方案的搜索服务。
        
        DrivingRoute：驾车导航，提供驾车出行方案的搜索服务。
        
        WalkingRoute：步行导航，提供步行出行方案的搜索服务。
        
        Geocoder：地址解析，提供将地址信息转换为坐标点信息的服务。
        
        LocalCity：本地城市，提供自动判断您所在城市的服务。
        
        TrafficControl：实时路况控件，提供实时和历史路况信息服务。
        
        搜索类的服务接口需要指定一个搜索范围，否则接口将不能工作。
        
        本地搜索
        
        BMap.LocalSearch提供本地搜索服务，在使用本地搜索时需要为其设置一个检索区域，检索区域可以是BMap.Map对象、BMap.Point对象或者是省市名称（比如："北京市"）的字符串。BMap.LocalSearch构造函数的第二个参数是可选的，您可以在其中指定结果的呈现。BMap.RenderOptions类提供了若干控制呈现的属性，其中map指定了结果所展现的地图实例，panel指定了结果列表的容器元素。
        
        下面这个示例展示了在北京市检索天安门。搜索区域设置为地图实例，并告知结果需要展现在地图实例上。
        
        var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); var local = new BMap.LocalSearch(map, { renderOptions:{map: map} }); local.search("天安门");
        
        另外，BMap.LocalSearch还提包含searchNearby和searchInBounds方法，为您提供周边搜索和范围搜索服务。
        
        配置搜索
        
        BMap.LocalSearch提供了若干配置方法，通过它们可以自定义搜索服务的行为以满足您的需求。
        
        在下面的示例中，我们调整每页显示8个结果，并且根据结果点位置自动调整地图视野，不显示第一条结果的信息窗口：
        
        var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); var local = new BMap.LocalSearch("北京市", { renderOptions: { map: map, autoViewport: true, selectFirstResult: false }, pageCapacity: 8 }); local.search("中关村"); 结果面板
        
        通过设置BMap.LocalSearchOptions.renderOptions.panel属性，可以为本地搜索对象提供一个结果列表容器，搜索结果会自动添加到容器元素中。请看下面示例：
        
        var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); var local = new BMap.LocalSearch(map, { renderOptions: {map: map, panel: "results"} }); local.search("天安门"); 数据接口
        
        除了搜索结果会自动添加到地图和列表外，您还可以通过数据接口获得详细的数据信息，结合地图API您可以自行向地图添加标注和信息窗口。BMap.LocalSearch和BMap.LocalSearchOptions类提供了若干设置回调函数的接口，通过它们可得到搜索结果的数据信息。例如，通过onSearchComplete回调函数参数可以获得BMap.LocalResult对象实例，它包含了每一次搜索结果的数据信息。当回调函数被执行时，您可以使用BMap.LocalSearch.getStatus()方法来确认搜索是否成功或者得到错误的详细信息。
        
        在下面这个示例中，通过onSearchComplete回调函数得到第一页每条结果的标题和地址信息，并输出到页面上：
        
        var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); var options = { onSearchComplete: function(results){ if (local.getStatus() == BMAP_STATUS_SUCCESS){ // 判断状态是否正确 var s = ; for (var i = 0; i < results.getCurrentNumPois(); i ++){ s.push(results.getPoi(i).title + ", " + results.getPoi(i).address); } document.getElementById("log").innerHTML = s.join("
        "); } } }; var local = new BMap.LocalSearch(map, options); local.search("公园"); 周边搜索
        
        通过周边搜索服务，您可以在某个地点附近进行搜索，也可以在某一个特定结果点周围进行搜索。
        
        下面示例展示如何在前门附近搜索小吃：
        
        var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); var local = new BMap.LocalSearch(map, { renderOptions:{map: map, autoViewport: true} }); local.searchNearby("小吃", "前门"); 范围搜索
        
        范围搜索将根据您提供的视野范围提供搜索结果。注意：当搜索范围过大时可能会出现无结果的情况。
        
        下面示例展示在当前地图视野范围内搜索银行：
        
        var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 14); var local = new BMap.LocalSearch(map, { renderOptions:{map: map} }); local.searchInBounds("银行", map.getBounds()); 公交导航
        
        BMap.TransitRoute类提供公交导航搜索服务。和本地搜索类似，在搜索之前需要指定搜索区域，注意公交导航的区域范围只能是市，而不能是省。如果搜索区域为BMap.Map对象，路线结果会自动添加到地图上。如果您提供了结果容器，相应的路线描述也会展示在页面上。
        
        下面示例展示了如何使用公交导航服务：
        
        var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 14); var transit = new BMap.TransitRoute(map, { renderOptions: {map: map} }); transit.search("王府井", "西单"); 结果面板
        
        您可以提供用于展示文字结果的容器元素，方案结果会自动在页面中展现：
        
        var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 14); var transit = new BMap.TransitRoute(map, { renderOptions: {map: map, panel: "results"} }); transit.search("王府井", "西单"); 数据接口
        
        您可通过数据接口获取详细的公交方案信息。公交导航搜索结果用BMap.TransitRouteResult来表示，其中包含了若干公交出行方案（BMap.TransitRoutePlan）。每条出行方案由步行线路和公交线路组成。在起点到上车点之间、下车点到终点之间以及每个换乘站之间都会存在步行线路，如果上述的某两点位置重合，那么其间的步行路线长度为0。

你可能感兴趣的:(百度地图)

500吨“翔”要来了，我们投“翔”么？蜗牛哒嗒
AD：打开支付宝首页搜索“7857987”立即领取红包事件起因：小区直线距离不到500米的地方要建一个大型垃圾站了，每天能处理500吨的垃圾！！！以后的日子里……不能淡定了。。。公示摘要：项目：罗泾中转站改扩建项目（宝山区生物能源再利用项目）地点：宝山区宝山工业园区潘川路1510号用地面积：8316.63平方米公示网站：宝山区人民政府门户网站看到这个公示的规划设计图，再去百度地图上搜了一看，那距离
百度地图当前位置变化回调方法（oc） fighterboy
-(void)didUpdateUserHeading:(BMKUserLocation*)userLocation{[_mapViewupdateLocationData:userLocation];NSLog(@"headingis%@",userLocation.heading);}
百度地图SDK Android版开发 9 覆盖物示例3批量点、海量点、点聚合程序喵D 百度地图Android开发 android 百度地图
百度地图SDKAndroid版开发9覆盖物示例3批量点、海量点、点聚合前言相关的类和接口批量添加和删除海量点BaiduMap类BaiduMap.OnMultiPointClickListener接口MultiPointOption海量点选项MultiPointItem海量点单个点对象点聚合示例界面布局MapMarks类常量成员变量初始化创建覆盖物批量点海量点点聚合移除覆盖物设置属性加载地图和移除地
使用百度地图绘制热力图（BMapGL） .ლ. BMapGL/mapvgl vue.js 前端
首先要引入百度地图的js、api；（小萌新使用百度地图的时候记得要先申请密钥哦）然后在public下面的index中要先引入相关的js；接下来就可以开始绘制地图啦importBMapGLfrom"BMapGL";import*asmapvglfrom"mapvgl";import{BmlHeatmap}from"vue-baidu-map";//引人exportdefault{components
计算机毕业设计hadoop+spark知识图谱房源推荐系统房价预测系统房源数据分析房源可视化房源大数据大屏大数据毕业设计机器学习计算机毕业设计大全
创新点：1.支付宝沙箱支付2.支付邮箱通知(JavaMail)3.短信验证码修改密码4.知识图谱5.四种推荐算法(协同过滤基于用户、物品、SVD混合神经网络、MLP深度学习模型)6.线性回归算法预测房价7.Python爬虫采集链家数据8.AI短信识别9.百度地图API10.lstm情感分析11.spark大屏可视化开发技术：springbootvue.jspythonechartssparkmys
国庆婚期行 BigBoss_df98
婚假7天，过得飞快，回忆起来，甜蜜不少。day1上午从单位离开，到了惠州的家，简单买了一些必备生活用品，打扫了下卫生，玩了2把游戏。晚上到平潭机场接女票，等了2小时，终于等到女票，短高跟，吊带裤，红T恤，黑直刘海，闪烁着大眼睛，一边打电话与爸妈报平安一边出来，许久未见，不知所言，只能拥抱。day2早上逛西湖，西湖宾馆吃了早茶，沿着百度地图找到了神舟租车，租了辆科鲁兹，去影院看《碟中谍6》，稍事休息
实现百度地图选点寻址（根据经纬度而非名称） Cloud_99b0
目标;假定给某一目标点比如成都天府广场，用户点击地图上某点，实现给出路径；开发环境：百度地图api+html+js实现步骤：新建地图展示天府广场的位置标记点（目的点）添加事件监听用户点击地图添加标记点就是出发点规划出发点到目的点路线并显示注意：点击下一个出发点时要清理之前的显示路径和点代码：检索的核心是;DrivingRoute驾车导航类和search检索方法进一步请查看百度地图开发文档。若要步行
GCJ-02火星坐标系和WGS-84坐标系转换关系 PrinciplesMan 前端 python 计算机视觉开发语言
WGS-84：GPS坐标系GCJ-02：火星坐标系，国测局02年发布的坐标体系，高德，腾讯等使用。BD-09：百度坐标系，百度自研，百度地图使用。GCJ-02转WGS-84公式#-*-coding:utf-8-*-importjsonimportmathx_pi=3.14159265358979324*3000.0/180.0pi=3.1415926535897932384626#πa=63782
计算机毕业设计hadoop+spark知识图谱美食推荐系统美食价格预测美团推荐系统美团爬虫大众点评爬虫美食数据分析美食可视化大屏大数据毕设计算机毕业设计大全
创新点：1.支付宝沙箱支付2.支付邮箱通知(JavaMail)3.短信验证码修改密码4.知识图谱5.四种推荐算法(协同过滤基于用户、物品、SVD混合神经网络、MLP深度学习模型)6.线性回归算法预测房价7.Python爬虫采集大众点评美食数据8.AI短信识别9.百度地图API10.lstm情感分析11.spark大屏可视化开发技术：springbootvue.jspythonechartsspar
百度地图SDK Android版开发 1 配置程序喵D 百度地图Android开发 android java
百度地图SDKAndroid版开发1配置前言步骤1创建工程步骤2配置地图开发包拷贝开发包配置jniLibs目录配置依赖配置开发密钥(AK)地图权限配置地图初始化步骤3显示地图布局文件地图Activity步骤4运行效果前言本文主要介绍如何使用百度地图SDK开发Android地图应用。准备工作：申请百度地图移动版开发密钥(AK)入口注册和获取密钥教程下载地图开发包入口本文下载基础地图版本BaiduLB
百度地图SDK Android版开发 3 地图图层程序喵D 百度地图Android开发 android java
百度地图SDKAndroid版开发3地图图层前言百度地图图层地图底图地图底图类型普通地图卫星图空白地图地图类图层类型常量接口实时路况接口百度城市热力图接口示例代码地图风格类界面布局控件响应事件运行效果图前言本文主要介绍百度地图图层相关的功能和接口，以及使用方法。百度地图图层地图底图地图底图类型百度地图SDK提供了3种类型的地图资源：普通矢量地图。卫星图。空白地图。普通地图基础的道路地图。显示道路、
Android中引用百度地图sdk aabbcc又一年 android 百度定位
1.在百度那里注册成为开发者，创建对应的应用，填写包名，sha1,最后得到AK。2.下载sdk，解压得到jar包，和各个平台的so库。3.由于我是组件化开发，将jar包和各个平台的so库目录复制到common的libs目录下，右击jar包，addaslibrary。common的build.gradle就多此jar的引用。//这里是common模块，使用api，而不是implementationa
Android 应用集成百度地图定位SDK Just_Paranoid Android android 百度地图 SDK
在当今的移动互联网时代，位置服务已经成为了众多应用不可或缺的功能之一。无论是社交应用中的位置分享，还是服务类应用中的位置导航，都离不开精准的定位技术。为了满足这一需求，越来越多的开发者选择集成第三方的定位SDK。其中，百度定位SDK凭借其高精度和丰富的功能。集成百度定位功能到你的Android应用中是一个相对直接的过程，但需要遵循几个关键步骤。参考官方文档：https://lbsyun.baidu
基于百度地图和百度路书的行车轨迹回放(含途经点的多次导航) LBB1011 技术百度
目录先来看看我做了个啥我为什么要这件事我用到的工具正式开始创建一张空地图设置我的起点、终点、途经点为上面几个关键点打上标签绘制折线绘制折线的方法第一个难点加一辆小车在路上跑添加路书第二个难点源码在这里先来看看我做了个啥点击查看动态效果我为什么要这件事因为我本人家在农村工作地点在南京，为了能看到孩子所以我基本每周都会回去。为了顺路能节省点油钱，所以经常在QQ、微信各大拼车群里顺风车带几个人。但是问题
百度地图的使用(js，vue2，vue3) Nancy哇地图百度 javascript 开发语言 vue 前端 css vue.js
百度地图的使用创建应用获取密钥akak是在百度地图开发者平台申请的密钥详见http://lbsyun.baidu.com/apiconsole/key一、原生js使用百度地图引入初始化地图varmap=newBMapGL.Map("container");//创建地图实例varpoint=newBMapGL.Point(116.404,39.928);//创建点坐标map.centerAndZoo
【vue baidu-map】实现百度地图展示基地，鼠标悬浮标注点展示详细信息米老鼠的摩托车日记 vue2 vue.js 百度 javascript
实现效果如下：自用代码记录视频箭头视频监控名称：{{item.name}}-->-->企业名称:{{current}}testt-->-->{{key}}({{value}})//varecharts=require('echarts')import{getPlantBases}from'@/api/table'import{getUserEquipments,getPageList}from'@
热门免费API集锦：提升开发效率的推荐清单 API小百科_APISpace
百度地图：百度地图提供了Android,iOS版本的SDK和JavaScriptAPI，可进行定位、地图、数据、出行、鹰眼轨迹和分析服务。高德地图：高德地图提供了JavaScript和web服务API，Android和iOSSDK，支持地图，定位，搜索，路线规划，导航和室内地图等。腾讯地图：腾讯地图提供了JavaScriptAPI，Android和iOSSDK，支持定位，地图，地点搜索，路线和导航
vue + echarts + 百度地图画地图散点图电脑有点热 vue echarts vue echarts
更新：升级echarts5.0.1版本后，之前的操作引入百度地图发现地图并没有绘制，需要在文件引入MP的地方新增一句import'echarts/extension/bmap.js'-------------------------------------------分割线---------------------------------创建画图区域创建js文件引入百度地图js文件,baidu-m
梦想照进现实：走进黑玛亚花园晓霞_e8e2
早晨伴着阳光，吹着微风来到了蛇口，这个我在百度地图上观望了已久的位置。图片发自App图片发自App天空很蓝，心情很雀跃，每一步每一眼，都让我无比舒畅。图片发自App终于跟着导航来到了黑玛亚花园的路口。临近的有很多小巧精致的小店。图片发自App图片发自App我站在对面，看着橱窗，梦想在这一刻落地了。图片发自App精致的杯子，芳香的红茶，还有精美的水果盘。图片发自App我在公众号、官网在百度图片观摩了
百度地图与腾讯地图经纬度互转 sir.山 js 百度地图腾讯地图经纬度经纬度互转
/**百度地图---->腾讯地图@paramdouble$lat纬度@paramdouble$lng经度@returnarray();*/functionbdMap_to_txMap(lat,lng){pi=3.14159265358979324*3000.0/180.0;x=lng-0.0065;y=lat-0.006;varz=Math.sqrt(x*x+y*y)-0.00002*Math.s
AnyGo分享，支持通过Mac修改IOS定位 stpFrog macos anygo
软件操作1、iphone连接到mac2、启动软件，点击开始，选择IOS3、选择设备后，按提示开启手机的调试模式，按提示输入电脑密码，信任，手机信任，确保手机处于解锁亮屏状态。4、地图选点选点，然后点移动，可以点收藏，下次直接收藏里面go5、手机上百度地图打开看看自己的定位是不是在选取的点上。软件分享链接:https://pan.baidu.com/s/1UM1xrDChGDgkB7JPS3fC2A
百度地图接口 | 实现校验收货地址是否超出配送范围逐梦苍穹 java 百度
目录1.环境准备2.代码开发2.1application.yml2.2OrderServiceImpl作者介绍：双非本科大三网络工程专业在读，阿里云专家博主，专注于Java领域学习，擅长web应用开发、数据结构和算法，初步涉猎Python人工智能开发和前端开发。主页：@逐梦苍穹您的一键三连，是我创作的最大动力1.环境准备百度地图接口一般来说在外卖项目中的功能是，校验收货地址是否超出配送范围注册账号
让你上班不再迟到--百度地图实时路况服务带发条的桔子
生活中难免会遇到上下班高峰期堵车的情况，过去遇到这种情况只能干等，甚至因此错过一些重要事情。现在百度地图推出了实时路况服务，对于不熟悉道路情况的人就可以通过此方法来给自己规划一条适合的路线，以达到省时省油的目的。实时路况查询服务（又名TrafficAPI）是一类WebAPI接口服务，开发者可利用该服务查询指定道路或区域的实时拥堵情况和拥堵趋势，可应用于智能音箱、智能车载设备、交通出行类应用中，实现
解决全能电子地图下载器在win10下不能生成注册码安装的问题 Ande_1
解决全能电子地图下载器在win10下不能生成注册码安装的问题导言：全能电子地图下载器破解版是一款功能强大的全球卫星地图下载工具，它只要帮助用户从谷歌地图、高德地图、腾讯地图、雅虎地图、必应地图、诺基亚地图、百度地图、天地图等网络地图中下载瓦片地图，并且支持将下载后的地图无缝拼接成一张较大的地图，并且提供了名称查询定位，坐标查询定位，全球地图浏览等多种查看方式，让你能够快速找到目标；如果你比较喜欢旅
在vue中使用百度地图API：区域显示3D棱柱、地点标注、信息提示 KIKIo_ 前端 vue.js 百度 3d
文章目录1、在vue中引入百度地图的script2、生成想要的地图样式3、生成地图4、创建3d棱柱5、设置标记点和提示框6、代码总结1、在vue中引入百度地图的script在public/index中引入ak的获取1、先进入百度地图api的网页，点击控制台2、创建自己的应用，就可以获得AK2、生成想要的地图样式1、点击这里的超链接自定义地图样式编辑器或者按照如下步骤2、点击新建就可以创建地图，按照
在Vue中使用百度地图 KIKIo_ 前端 vue.js javascript 前端
在index.html页面在map.vue页面import{ref,onMounted}from'vue'importdetailSectionfrom'@/components/detail-section/detail-section.vue'//传入的经纬度constprops=defineProps({position:{type:Object,default:()=>({})}})con
day1-闯入 Linux运维世界 Faith丶信仰运维
1.解释我们正在使用哪些互联网行业的软件，移动端？PC端？移动端软件和服务：如微信、微博、抖音等如淘宝、京东、拼多多等如支付宝、微信支付等如高德地图、百度地图等如滴滴出行、Uber等PC端软件和服务：办公软件：如MicrosoftOffice（包括Word、Excel、PowerPoint等）浏览器：如Chrome、Firefox、Safari等邮箱客户端：如Outlook、Foxmail等图像处
百度地图开发南崽
使用方法1.注册百度账号申请成为百度开发者获取服务密钥(ak)使用相关服务功能ak申请JavaScriptAPI只支持浏览器类型的ak，请开发者在申请ak时注意选择异步加载JavaScriptAPIGLv1.0支持异步加载，可以在引用脚本的时候添加callback参数，当脚本加载完成后callback函数会被立刻调用异步加载functioninitialize(){varmp=newBMapGL.
2018年02月27日早晨6:25 杨慕澄
图片发自App2017年11月11号，在这一天我遇见了小澄澄同学的，在离公司两站地，百度地图距离7.8公里的地方，不曾想这天以后我有了一个以后每一天都在挂念的女孩，让每天的工作下班休息的空闲时间都想要问问她在干嘛，吃了什么饭，读了什么书……在距离家乡九百多公里的地方工作和读书的感觉是不一样的，似乎每个月都有那么几天会觉得很崩溃，想逃避现实，遇见她以后每个月工作上的生理期似乎都会轻易的度过，夜班晚上
https站点引用百度地图api 邮差在行动
按文档引用了百度地图API文件，前台显示了，但无法操作，浏览器控制台报如下错误：consoleerror因为我的站点是用是https，而引用的是http的百度地图api，这样是不行的，要改为：也就是要改2个地方：http要加surl最后要加&s=1此时加载出来的百度地图就能操作了！
HttpClient 4.3与4.3版本以下版本比较 spjich java httpclient
网上利用java发送http请求的代码很多，一搜一大把，有的利用的是java.net.*下的HttpURLConnection，有的用httpclient，而且发送的代码也分门别类。今天我们主要来说的是利用httpclient发送请求。 httpclient又可分为 httpclient3.x httpclient4.x到httpclient4.3以下 httpclient4.3
Essential Studio Enterprise Edition 2015 v1新功能体验 Axiba .net
概述：Essential Studio已全线升级至2015 v1版本了！新版本为JavaScript和ASP.NET MVC添加了新的文件资源管理器控件，还有其他一些控件功能升级，精彩不容错过，让我们一起来看看吧！ syncfusion公司是世界领先的Windows开发组件提供商，该公司正式对外发布Essential Studio Enterprise Edition 2015 v1版本。新版本
[宇宙与天文]微波背景辐射值与地球温度 comsci 背景
宇宙这个庞大,无边无际的空间是否存在某种确定的,变化的温度呢? 如果宇宙微波背景辐射值是表示宇宙空间温度的参数之一,那么测量这些数值,并观测周围的恒星能量输出值,我们是否获得地球的长期气候变化的情况呢? &nbs
lvs-server 男人50 server
#!/bin/bash # # LVS script for VS/DR # #./etc/rc.d/init.d/functions # VIP=10.10.6.252 RIP1=10.10.6.101 RIP2=10.10.6.13 PORT=80 case $1 in start) /sbin/ifconfig eth2:0 $VIP broadca
java的WebCollector爬虫框架 oloz 爬虫
WebCollector主页： https://github.com/CrawlScript/WebCollector 下载：webcollector-版本号-bin.zip将解压后文件夹中的所有jar包添加到工程既可。接下来看demo package org.spider.myspider; import cn.edu.hfut.dmic.webcollector.cra
jQuery append 与 after 的区别小猪猪08
1、after函数定义和用法： after() 方法在被选元素后插入指定的内容。语法： $(selector).after(content) 实例： <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></scr
mysql知识充电香水浓 mysql
索引索引是在存储引擎中实现的，因此每种存储引擎的索引都不一定完全相同，并且每种存储引擎也不一定支持所有索引类型。根据存储引擎定义每个表的最大索引数和最大索引长度。所有存储引擎支持每个表至少16个索引，总索引长度至少为256字节。大多数存储引擎有更高的限制。MYSQL中索引的存储类型有两种：BTREE和HASH，具体和表的存储引擎相关； MYISAM和InnoDB存储引擎
我的架构经验系列文章索引 agevs 架构
下面是一些个人架构上的总结，本来想只在公司内部进行共享的，因此内容写的口语化一点，也没什么图示，所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全，希望抛砖引玉，大家互相讨论。要注意，我这些文章是一个总体的架构经验不针对具体的语言和平台，因此也不一定是适用所有的语言和平台的。（内容是前几天写的，现附上索引）前端架构 http://www.
Android so lib库远程http下载和动态注册 aijuans andorid
一、背景在开发Android应用程序的实现，有时候需要引入第三方so lib库，但第三方so库比较大，例如开源第三方播放组件ffmpeg库, 如果直接打包的apk包里面, 整个应用程序会大很多.经过查阅资料和实验，发现通过远程下载so文件，然后再动态注册so文件时可行的。主要需要解决下载so文件存放位置以及文件读写权限问题。二、主要
linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法 baalwolf option
在客户端访问subversion版本库时出现这个错误： svnserve.conf:12: Option expected 为什么会出现这个错误呢，就是因为subversion读取配置文件svnserve.conf时，无法识别有前置空格的配置文件，如### This file controls the configuration of the svnserve daemon, if you##
MongoDB的连接池和连接管理 BigCat2013 mongodb
在关系型数据库中，我们总是需要关闭使用的数据库连接，不然大量的创建连接会导致资源的浪费甚至于数据库宕机。这篇文章主要想解释一下mongoDB的连接池以及连接管理机制，如果正对此有疑惑的朋友可以看一下。通常我们习惯于new 一个connection并且通常在finally语句中调用connection的close()方法将其关闭。正巧，mongoDB中当我们new一个Mongo的时候，会发现它也
AngularJS使用Socket.IO bijian1013 JavaScript AngularJS Socket.IO
目前，web应用普遍被要求是实时web应用，即服务端的数据更新之后，应用能立即更新。以前使用的技术（例如polling）存在一些局限性，而且有时我们需要在客户端打开一个socket，然后进行通信。 Socket.IO(http://socket.io/)是一个非常优秀的库，它可以帮你实
[Maven学习笔记四]Maven依赖特性 bit1129 maven
三个模块为了说明问题，以用户登陆小web应用为例。通常一个web应用分为三个模块，模型和数据持久化层user-core, 业务逻辑层user-service以及web展现层user-web， user-service依赖于user-core user-web依赖于user-core和user-service 依赖作用范围 Maven的dependency定义
【Akka一】Akka入门 bit1129 akka
什么是Akka Message-Driven Runtime is the Foundation to Reactive Applications In Akka, your business logic is driven through message-based communication patterns that are independent of physical locatio
zabbix_api之perl语言写法 ronin47 zabbix_api之perl
zabbix_api网上比较多的写法是python或curl。上次我用java－－http://bossr.iteye.com/blog/2195679，这次用perl。for example: #!/usr/bin/perl use 5.010 ; use strict ; use warnings ; use JSON :: RPC :: Client ; use
比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！ brotherlamp linux运维工程师 linux运维工程师教程 linux运维工程师视频 linux运维工程师资料 linux运维工程师自学
比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！ ----------------------------------------------------- 兄弟连Linux运维工程师课堂实录-计算机基础-1-课程体系介绍1 链接：http://pan.baidu.com/s/1i3GQtGL 密码：bl65 兄弟连Lin
bitmap求哈密顿距离-给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y( bylijinnan java
import java.util.Random; /** * 题目： * 给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(y1,y2,y3,y4,y5)， * 使得他们的哈密顿距离（d=|x1-y1| + |x2-y2| + |x3-y3| + |x4-y4| + |x5-y5|）最大
map的三种遍历方法 chicony map
package com.test; import java.util.Collection; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import java.util.Set; public class TestMap { public static v
Linux安装mysql的一些坑 chenchao051 linux
1、mysql不建议在root用户下运行 2、出现服务启动不了，111错误，注意要用chown来赋予权限，我在root用户下装的mysql，我就把usr/share/mysql/mysql.server复制到/etc/init.d/mysqld, (同时把my-huge.cnf复制/etc/my.cnf) chown -R cc /etc/init.d/mysql
Sublime Text 3 配置 daizj 配置 Sublime Text
Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项：no_bold不显示粗体字，no_italic不显示斜体字，no_antialias和
MySQL server has gone away 问题的解决方法 dcj3sjt126com SQL Server
MySQL server has gone away 问题解决方法，需要的朋友可以参考下。应用程序（比如PHP）长时间的执行批量的MYSQL语句。执行一个SQL，但SQL语句过大或者语句中含有BLOB或者longblob字段。比如，图片数据的处理。都容易引起MySQL server has gone away。今天遇到类似的情景，MySQL只是冷冷的说：MySQL server h
javascript/dom:固定居中效果 dcj3sjt126com JavaScript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&
使用 Spring 2.5 注释驱动的 IoC 功能 e200702084 spring bean 配置管理 IOC Office
使用 Spring 2.5 注释驱动的 IoC 功能 developerWorks 文档选项将打印机的版面设置成横向打印模式打印本页将此页作为电子邮件发送将此页作为电子邮件发送级别：初级陈雄华 ([email protected]), 技术总监, 宝宝淘网络科技有限公司 2008 年 2 月 28 日 &nb
MongoDB常用操作命令 geeksun mongodb
1. 基本操作 db.AddUser(username,password) 添加用户 db.auth(usrename,password) 设置数据库连接验证 db.cloneDataBase(fromhost)
php写守护进程（Daemon） hongtoushizi PHP
转载自： http://blog.csdn.net/tengzhaorong/article/details/9764655 守护进程（Daemon）是运行在后台的一种特殊进程。它独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件。守护进程是一种很有用的进程。php也可以实现守护进程的功能。 1、基本概念 &nbs
spring整合mybatis,关于注入Dao对象出错问题 jonsvien DAO spring bean mybatis prototype
今天在公司测试功能时发现一问题：先进行代码说明： 1，controller配置了Scope="prototype"（表明每一次请求都是原子型） @resource/@autowired service对象都可以（两种注解都可以）。 2，service 配置了Scope="prototype"（表明每一次请求都是原子型）
对象关系行为模式之标识映射 home198979 PHP 架构企业应用对象关系标识映射
HELLO!架构一、概念 identity Map:通过在映射中保存每个已经加载的对象，确保每个对象只加载一次，当要访问对象的时候，通过映射来查找它们。其实在数据源架构模式之数据映射器代码中有提及到标识映射，Mapper类的getFromMap方法就是实现标识映射的实现。二、为什么要使用标识映射？在数据源架构模式之数据映射器中 //c
Linux下hosts文件详解 pda158 linux
　1、主机名：　　无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。　　公网：IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。　　局域网：每台机器都有一个主机名，用于主机与主机之间的便于区分，就可以为每台机器设置主机
nginx配置文件粗解 spjich java nginx
#运行用户#user nobody;#启动进程,通常设置成和cpu的数量相等worker_processes 2;#全局错误日志及PID文件#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log inf
数学函数 w54653520 java
public class S { // 传入两个整数，进行比较，返回两个数中的最大值的方法。 public int get( int num1, int nu