前台html:
}
$this->assign("str",$str);
百度地图API 详解之移动平台开发的最佳实践这是百度地图API 详解系列文章的第二篇，主要介绍如何在iPhone 和Android 平台上使地图API 进行开发（这里指的是在浏览器端执行的Javascript 版本API ）。
大部分情况下，在iPhone 和Android 上开发与PC 上开发没有两样，开发者调用API 的代码都是一样的，这里主要介绍如何针对移动设备的特点更好的开发地图应用，以及介绍一些与移动平台相关的API 。
建议移动平台的开发者仔细阅读一遍Safari Web Content Guide 和Web Applications 系列文章， 他们会告诉你移动Web 开发的基本知识。
构建页面下面我们开始构建移动平台的地图。
首先我们声明文档类型为HTML5：1 <!DOCTYPE html>目前iPhone 和Android 平台的浏览器都能较好的支持HTML5标准，因此建议移动页面都声明为HTML5文档类型。
接着调整页面的显示比例，在html 页面中增加下面的meta 标签： 1 <metaname="viewport"content="initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0, user-scalable=no"/> 这里将页面的显示比例调整为1:1，并且禁止用户通过双指缩放页面。
其中minimum-scale 和maximum-scale 用来防止在设备旋转时页面发生缩放。
下面我们添加地图容器：1 <div id="container"></div>和样式：1 2 3 html{height:100%}body{height:100%;margin:0px;padding:0px}#container{height:100%}注意到我们给地图容器指定了100%的宽和高，这样做一方面是让地图区域尽可能大，方便用户操作；另一方面是因为目前移动版的浏览器的API 还不完善，如果地图没有充满屏幕会导致bug （主要是手指操作时位置会出现偏差，如果你的地图展示不需要移动、缩放，那么不充满屏幕也没有影响）。
百度地图API详解之⾃定义地图控件本⽂向⼤家介绍关于⾃定义地图控件的知识，你将了解到如何通过百度地图API⾃定义⾃⼰的地图控件。
控件基础控件是地图API提供的供⽤户操作地图的界⾯元素，API内置了⼏个控件：缩放/平移控件（NavigationControl）、缩略图控件（OverviewMapControl）、⽐例尺控件（ScaleControl）、版权控件（CopyrightControl）和地图类型控件（MapTypeControl）。
通过下⾯的图⽰可以找到对应关系。
控件位置任何控件都可以停靠在地图的四个⾓落，并通过偏移值（offset）控制具体位置，停靠位置（API中叫做anchor）通过以下4个常量控制：BMAP_ANCHOR_TOP_LEFT 表⽰控件定位于地图的左上⾓。
BMAP_ANCHOR_TOP_RIGHT 表⽰控件定位于地图的右上⾓。
BMAP_ANCHOR_BOTTOM_LEFT 表⽰控件定位于地图的左下⾓。
BMAP_ANCHOR_BOTTOM_RIGHT 表⽰控件定位于地图的右下⾓。
⾃定义控件控件本质上是HTML⽚段加上⼀些DOM事件的响应，进⽽再操作地图。
所以编写⾃定义控件就是需要开发者⾃⾏编写HTML代码并添加⾃⼰的事件处理⽅法，⽅法中再调⽤地图API提供的接⼝来改变地图状态。
在百度地图API中⾃定义控件的编写需要以下⼏个步骤：1. 定义⼀个⾃定义控件的构造函数，提供defaultAnchor和defaultOffset属性。
2. 继承API的控件基类。
3. 实现initialize⽅法。
下⾯我们就来完成⼀个最简单的⾃定义控件，以便让您了解构建⾃定义控件的完整过程是什么样的。
定义构造函数我们定义⼀个function做为⾃定义控件的构造函数，并在其中提供了默认停靠位置和偏移量。
注意它们取值的类型：⼀个是ControlAnchors常量，⼀个是Size类。
// 定义⼀个控件类，即functionfunction ZoomControl(){// 设置默认停靠位置和偏移量this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;this.defaultOffset = new BMap.Size(10, 10);}继承通过函数对象的prototype实现继承（希望您已经了解了JavaScript中的继承机制）。
核心类∙Map基础类∙Point∙Pixel∙Bounds∙Size控件类∙Control∙ControlAnchor∙NavigationControl∙NavigationControlType∙NavigationControlOptions∙OverviewMapControl∙OverviewMapControlOptions∙ScaleControl∙ScaleControlOptions∙LengthUnit∙CopyrightControl∙Copyright∙CopyrightControlOptions覆盖物类∙Overlay∙InfoWindow∙InfoWindowOptions∙Marker∙MarkerOptions∙Label∙LabelOptions∙Polyline∙PolylineOptions∙Polygon∙PolygonOptions∙Icon∙IconOptions右键菜单类∙ContextMenu∙MenuItem∙MenuItemOptions工具类∙PushpinTool∙PushpinToolOptions∙DistanceTool∙DragAndZoomTool∙DragAndZoomToolOptions∙ZoomType地图图层类∙TileLayer∙TileLayerOptions∙MapType服务类∙LocalSearch∙LocalSearchOptions∙StatusCode∙LocalResult∙LocalResultPoi∙PoiType∙TransitRoute∙TransitRouteOptions∙TransitPolicy∙TransitRouteResult∙TransitRoutePlan∙Line∙LineType∙DrivingRoute∙DrivingRouteOptions∙DrivingPolicy∙DrivingRouteResult∙RoutePlan∙Route∙RouteType∙WalkingRoute∙WalkingRouteOptions∙WalkingRouteResult∙Geocoder∙LocalCity∙LocalCityOptions∙LocalCityResult∙TrafficControlMap 类此类是地图API的核心类，用来实例化一个地图。
百度地图API基本使⽤（⼆）本⽂系作者原创，转载请私信并在⽂章开头附带作者和原⽂地址链接。
违者，作者保留追究权利。
前⾔PS：我所使⽤的的是百度地图Javascript API 3.0本⽂是对之前使⽤的延续，继续对百度地图API的⼀些使⽤去做归纳和总结，本次主要是对地图上的覆盖物这块做介绍，如果有⼩伙伴没有看过之前的，可以先去观看⼀下，前期所需要的⼀些准备，以及⼀些基本的⽤法。
感兴趣的⼩伙伴可以⾃⾏查看百度地图官⽅提供的⽂档开发⽂档中的JavaScript API也可以通过下⽅⽰例中⼼更直观的看到百度地图API的⼀些使⽤，以及它的⼀些特性不过要注意：实例中⼼使⽤的是BMapGL去创建容器的，最新版GL地图命名空间为BMapGL, 可按住⿏标右键控制地图旋转、修改倾斜⾓度。
由于本次使⽤的是BMapGL所以在引⼊API的时候也不太⼀样引⼊⽅式如下：<script type="text/javascript" src="///api?type=webgl&v=1.0&ak=您的密钥"></script>好的，废话不多说，开整百度地图API-覆盖物在讲覆盖物之前，先给⼤家讲⼀下覆盖物的添加和删除的⽅法，这个是通⽤的，下⾯各种类型的覆盖的添加和删除的使⽤是⼀样的。
在我们获取到容器之后，根据⾃⼰的需求创建好⾃⼰的覆盖物对象之后，如果我们需要添加覆盖物的话，就可以使⽤容器对象.addOverlay(覆盖物对象);如果我们需要清除覆盖物的话，只需要使⽤容器对象.clearOverlays();就可以清除所有，但是如果只是想清除某⼀个覆盖物的话，我们需要使⽤容器对象.removeOverlays(覆盖物对象);代码⽰例如下://创建容器var map = new BMapGL.Map('allmap');var point = new BMapGL.Point(116.404, 39.915);map.centerAndZoom(point, 15);// 创建点覆盖物var marker = new BMapGL.Marker(new BMapGL.Point(116.404, 39.915));//添加覆盖物map.addOverlay(marker);//删除具体覆盖物map.removeOverlays(marker);//删除所有覆盖物map.clearOverlays();1. 点覆盖物点覆盖物主要使⽤的是Marker这个⽅法，例如：var marker1 = new BMapGL.Marker(new BMapGL.Point(经度, 纬度));这样就创建好了⼀个点覆盖物对象，我们需要使⽤上⾯介绍的添加覆盖物的⽅法，将覆盖物添加到容器中，即容器对象.addOverlay(marker1)这样就实现了简单的点覆盖物，不过有的时候需要我们的覆盖物能够拖动，所以这个时候就要⽤到⼀个属性enableDragging，默认情况下是false,也就是说在上⾯的那些默认创建的⽅式这个属性都是false,这是属性字⾯意思也很好理解⽀持拖拽，所以如果有需要拖拽的需求，我们只需要将整个属性设置为true。
