AppCan插件使用文档之uexBaiduMap.docx

AppCan插件使用文档之uexBaiduMap：uexBaiduMap本类封装了调用百度地图的相关api。使用示例：以下示例代码说明了如何使用uexBaiduMap对象的方法。 window.uexOnload = function(type) if(!type) /回调函数 /获取当前经纬度回调 uexBaiduMap.cbGetCurrentLocation=function(opId,dataType,data) alert(JSON.parse(data).longitude+ +JSON.parse(data).latitude); /显示用户位置并添加代表用户位置的标注回调 uexBaiduMap.cbShowUserLocation=function(opId,dataType,data) alert(JSON.parse(data).longitude+ +JSON.parse(data).latitude); /根据单个关键字在指定城市内搜索兴趣点回调 uexBaiduMap.cbPoiSearchInCity=function(opId,dataType,data) alert(data); /根据单个关键字在指定的中心点和半径范围内搜索兴趣点回调 uexBaiduMap.cbPoiSearchNearBy=function(opId,dataType,data) alert(data); /根据多个关键字在指定的中心点和半径范围内搜索兴趣点回调 uexBaiduMap.cbPoiMultiSearchNearBy=function(opId,dataType,data) alert(data); /根据单个关键字在指定的经纬度起始点内搜索兴趣点回调 uexBaiduMap.cbPoiSearchInBounds=function(opId,dataType,data) alert(data); /根据多个关键字在指定的经纬度起始点内搜索兴趣点回调 uexBaiduMap.cbPoiMultiSearchInBounds=function(opId,dataType,data) alert(data); /联想词检索回调 uexBaiduMap.cbSuggestionSearch=function(opId,dataType,data) alert(data); /根据地名获取地址经纬度信息回调 uexBaiduMap.cbGeocode=function(opId,dataType,data) alert(data); /根据经纬度获取地址详细信息回调 uexBaiduMap.cbReverseGeocode=function(opId,dataType,data) alert(data); /根据公交线路编号在指定城市范围内搜索公交线路详情回调 uexBaiduMap.cbBusLineSearch=function(opId,dataType,data) alert(data); /根据传入参数信息在地图上显示规划的线路回调 uexBaiduMap.cbShowRoutePlan=function(opId,dataType,data) alert(data); /打开地图function mapOpen() uexBaiduMap.open(6643147DF56BD40F6140AB3ABA5A3FFBE12C439F,0,160,320,220,116.401,39.925); /关闭地图function mapClean() uexBaiduMap.clean();/添加标注function mapAddMark() var jssonstr = markInfo:id:111,longitude:116.401,latitude:39.925,imageUrl:http:/82238.com/uploads/allimg/110519/2-110519130404.jpg,imageWidth:20.0,imageHeight:20.0,message:this is beij,title:我的位置,canShowCallout:0; uexBaiduMap.addMark(jssonstr);/更新标注function mapUpDateMark() var markJson =id:111,imageUrl:http:/82238.com/uploads/allimg/110519/2-110519130404.jpg,timer:3,imageWidth:50,imageHeight:50,message:这里是新中关大厦,title:我的位置,canShowCallout:0,property:longitude:116.401,latitude:39.925; uexBaiduMap.updateMark(markJson);/清除标注function mapClearMarks() uexBaiduMap.clearMarks();/设置中心点function mapSetCenter() uexBaiduMap.setCenter(116.501,39.125);/设置地图的缩放率function mapSetZoomLevel() uexBaiduMap.setZoomLevel(13); /隐藏地图function mapHide() uexBaiduMap.hide();/显示地图function mapShow() uexBaiduMap.show();/获得当前位置的经纬度function mapGetCurrentLocation() uexBaiduMap.getCurrentLocation();/获得地图的显示类型function mapSetType() uexBaiduMap.setType(1);/获得是否允许地图缩放function mapSetZoomEnable() uexBaiduMap.setZoomEnable(1);/获得是否允许地图滚动 function mapSetScrollEnable() uexBaiduMap.setScrollEnable(1);/显示用户位置并添加代表用户位置的标注function mapShowUserLocation()uexBaiduMap.showUserLocation();/隐藏标识用户位置信息的标注，关闭持续定位用户位置function mapHideUserLocation()uexBaiduMap.hideUserLocation();/放大一个地图级别function mapZoomIn()uexBaiduMap.zoomIn();/缩小一个地图级别function mapZoomOut()uexBaiduMap.zoomOut();/删除指定的标注function mapRemoveMark()uexBaiduMap.removeMark(111);/添加覆盖物直线function mapAddLineOverLayer()var jsonstr=id:150,fillColor:#FF0000,strokeColor:#990033,lineWidth:4,property:longitude:116.401,latitude:39.925,longitude:116.404,latitude:39.928,longitude:116.405,latitude:39.930,longitude:116.408,latitude:39.932; uexBaiduMap.addLineOverLayer(jsonstr);/添加覆盖物圆function mapAddCircleOverLayer()var jsonstr=id:151,longitude:116.401,latitude:39.925,radius:300,fillColor:#4169E1,strokeColor:#990033,lineWidth:4;uexBaiduMap.addCircleOverLayer(jsonstr);/添加多边形覆盖物function mapAddPolygonOverLayer() var jsonstr=id:152,fillColor:#990033,strokeColor:#990033,lineWidth:2.0,property:longitude:116,latitude:39,longitude:115,latitude:38,longitude:117,latitude:38,longitude:120,latitude:39; uexBaiduMap.addCircleOverLayer(jsonstr);/清除指定的几何覆盖物function mapClearOverLayers()uexBaiduMap.clearOverLayers(); /根据单个关键字在指定城市内搜索兴趣点function mapPoiSearchInCity()uexBaiduMap.poiSearchInCity(北京,餐厅,0);/根据单个关键字在指定的中心点和半径范围内搜索兴趣点function mapPoiSearchNearBy()uexBaiduMap.poiSearchNearBy(餐厅,116.401,39.925,500,0);/根据多个关键字在指定的中心点和半径范围内搜索兴趣点function mapPoiMultiSearchNearBy()uexBaiduMap.poiMultiSearchNearBy(餐厅,酒店,116.401,39.925,500,0);/根据单个关键字在指定的经纬度起始点内搜索兴趣点function mapPoiSearchInBounds()uexBaiduMap.poiSearchInBounds(餐厅,116.401,39.925,116.405,39.928,0);/根据多个关键字在指定的经纬度起始点内搜索兴趣点function mapPoiMultiSearchInBounds()uexBaiduMap.poiMultiSearchInBounds(餐厅,酒店,116.401,39.925,116.405,39.928,0);/联想词检索function mapSuggestionSearch()uexBaiduMap.suggestionSearch(餐厅);/根据地名获取地址经纬度信息function mapGeocode()uexBaiduMap.geocode(北京,海淀区中关村大街);/根据经纬度获取地址详细信息function mapReverseGeocode()uexBaiduMap.reverseGeocode(116.401,39.925);/根据公交线路编号在指定城市范围内搜索公交线路详情function mapBusLineSearch() uexBaiduMap.busLineSearch(北京,212);/根据传入参数信息在地图上显示规划的线路function mapShowRoutePlan()var jsonstr=id:rp345,type:1,start:city:北京,name:中关村,longitude:39.123456,latitude:112.564325,end:longitude:39.123456,latitude:112.564325;uexBaiduMap.showRoutePlan(jsonstr);/清除路线规划覆盖物function mapClearRoutePlan()uexBaiduMap.clearRoutePlan();/弹出悬浮窗口，左边带图片，右边2行文字，背景为浅灰色function mapShowBubbleView1()uexBaiduMap.showBubbleView1(111,http:/82238.com/uploads/allimg/110519/2-110519130404.jpg,我是,我是我啊);/弹出悬浮窗口，2行文字，背景为浅灰色function mapShowBubbleView2()uexBaiduMap.showBubbleView2(111,我是,我是我啊);/弹出悬浮窗口，2行文字，背景为深黑色function mapShowBubbleView3()uexBaiduMap.showBubbleView3(111,不要我,不要我不要我);/添加覆盖一块指定区域的标注function mapAddAreaMark()var jsonstr=markInfo:id:111,ltLongitude:116.232323,ltLatitude:39.021514,rbLongtiude:118.345,rbLatitude:40.567,imageUrl:http:/82238.com/uploads/allimg/110519/2-110519130404.jpg;uexBaiduMap.addAreaMark(jsonstr);/刷新一个指定ID表示的标注的数据function mapUpdateAreaMark()var json =id:111,timer:5,property:ltLongitude:116.3333,ltLatitude:39.6666,rbLongitude:118.1111,rbLatitude:40.00,imageUrl:res:/0.png;uexBaiduMap.updateAreaMark(json); Methods：1、 open(key,inX,inY,inWidth,inHeight,inLongitude,inLatitude)打开百度地图。Parameters：Key：百度api的密钥，用户自己申请inX：嵌入显示下，地图view的x坐标，int类型inY：嵌入显示下，地图view的y坐标，int类型inWidth：嵌入显示时，地图view的宽，int类型inHeight：嵌入显示时，地图view的高，int类型inLongitude：指定地图的中心点的经度,float类型inLatitude：指定地图的中心点的纬度，float类型2、 clean ()关闭百度地图。3、 addMark (inMarkInfo)添加标注。Parameters：inMarkInfo：要添加到地图上的mark信息。该字符串为Json格式。Json内容为一个mark对象的集合，该json的格式：Json中的key：zuotiLongitude：标注的经度，float类型Id：标注的id，随机不重复，用户指定latitude：标注的纬度，float类型imageUrl:标注的图片，支持网络和本地图片imageWidth:标注图片显示在地图上的宽度imageHeight:标注图片显示在地图上的高度message：点击标注后提示的内容(subtitle)title:点击标注的title(android中可以不填)canShowCallout：是否使用系统的气泡，0：使用 1：不使用4、 updateMark (updateInfo)更新标注。Parameters：updateInfo：将要更新的标注点的信息。该字符串为Json格式。Json内容：arlonlat= id:112,imageUrl:res:/kafjld.png,timer:3,imageWidth:80,imageHeight:80,message: 这里是新中关大厦,title:我的位置,canShowCallout:0,property: longitude:121.467803,latitude:31.249531,longitude:121.357419,latitude:31.375897;json中的key：id：标注的id，随机不重复，用户指定longitude：标注的经度，float类型latitude：标注的纬度，float类型imageUrl:标注的图片，支持网络和本地图片imageWidth:标注图片显示在地图上的宽度imageHeight:标注图片显示在地图上的高度message：点击标注后提示的内容(subtitle)title:点击标注的title(android中可以不填)canShowCallout：是否使用系统的气泡，0：使用 1：不使用property：数组中的标注点的经纬度坐标timer :更新的频率单位是秒注意事项：1. 当不指定地图中心点的经纬度时，默认使用用户当前所在的位置作为地图的中心，默认缩放等级为15（Min 3- Max18）2. 当ios时使用系统的气泡时，不用再调用showBubble1()等自定义方法3. updateMark方法，只有ios版支持5、 clearMarks (inMarkIdSet)清除标注。Parameters：inMarkIdSet：要清除的标注的id数组，当该参数缺省时，默认全部清除6、 setCenter (longitude,latitude)设置地图的中心点经纬度。Parameters：Longitude：中心点的经度，float类型Latitude：中心点的纬度，float类型7、 setZoomLevel (zoomLevel)设置地图的缩放率。Parameters：zoomLevel：地图的缩放率，范围3-18注意事项：zoomLevel 的取值越大，地图放大程度越大，当zoomLevel超过最大值或者最小值时，取临近的有效值，比如2会当成3处理，20会当成18处理8、 hide ()隐藏地图，不影响地图状态。临时隐藏地图，不会清除地图上的状态信息。9、 show ()显示地图。重新显示地图，之前的地图状态信息依然存在。10、getCurrentLocation ()获得当前位置的经纬度。11、 cbGetCurrentLocation (opId,dataType,data)uexBaiduMap.getCurrentLocation的回调函数Parameters：opId：操作IDdataType：返回数据的数据类型为uex.cJsondata：JSON数据的格式为：longitude:33.567,latitude:67.976Longitude表示当前位置的经度值Latitude表示当前位置的纬度值12、 setType (type)获得地图的显示类型。Parameters：0：普通模式1：卫星模式2：开启实时路况3：关闭实时路况13、 setZoomEnable (enable)获得是否允许地图缩放。Parameters：1：允许0：不允许14、 setScrollEnable ()获得是否允许地图滚动。Parameters：1：允许0：不允许15、 showUserLocation()显示用户位置并添加代表用户位置的标注，并会持续定位用户位置。(注意不会移动地图以显示此标注)。16、 cbShowUserLocation (opId,dataType,data)uexBaiduMap.showUserLocation的回调函数。Parameters：opId：操作IDdataType：返回数据的数据类型为uex.cJsondata：longitude:33.567,latitude:67.976Longitude表示当前位置的经度值Latitude表示当前位置的纬度值17、 hideUserLocation ()隐藏标识用户位置信息的标注，关闭持续定位用户位置。隐藏标识用户位置信息的标注，关闭持续定位用户位置。18、 zoomln()放大一个地图级别。19、 zoomOut()缩小一个地图级别。20、 removeMark (markId)删除指定的标注。Parameters：markId：标注的id21、 addLineOverLayer (jsonStr)添加覆盖物直线。Parameters：JSON格式的字符串，格式如下：id:150,fillColor:#FF0000,strokeColor:#990033,lineWidth:4,property:longitude:116,latitude:39,longitude:115,latitude:38,longitude:117,latitude:38,longitude:120,latitude:39id：Overlay唯一标识IDproperty: 线的连接点的经纬度集合longitude：经度latitude：纬度fillColor：填充颜色strokeColor :画笔颜色lineWidth：画笔宽度22、 addCircleOverLayer(jsonStr)添加覆盖物圆。Parameters：JSON格式的字符串，格式如下：id:151,longitude:116.404,latitude:39.915,radius:400,fillColor:#4169E1,strokeColor:#990033,lineWidth:4id：Overlay唯一标识IDlongitude：经度latitude：纬度fillColor：填充颜色strokeColor :画笔颜色lineWidth：画笔宽度，单位为像素radius：圆的半径范围，单位为米23、 addPolygonOverLayer (jsonStr)添加多边形覆盖物。Parameters：JSON格式的字符串，格式如下：id:152,fillColor:#990033,strokeColor:#990033,lineWidth:2.0,property:longitude:116,latitude:39,longitude:115,latitude:38,longitude:117,latitude:38,longitude:120,latitude:39id:overlay的唯一标识IDlongitude：经度latitude：纬度fillColor：填充颜色strokeColor :画笔颜色lineWidth：画笔宽度24、 clearOverLayers (ids)清除指定的几何覆盖物。Parameters：Ids：需要被删除的OverLayer的Id数组，不传的话默认删除全部。删除地图中指定的overlayers25、 poiSearchInCity (city,key,pageIndex)根据单个关键字在指定城市内搜索兴趣点。Parameters：City：城市名称，比如“北京”Key：兴趣点关键字，比如”餐厅”pageIndex：兴趣点集合的页索引，从0开始，第一次搜索请传026、 cbPoiSearchInCity (opId,dataType,data)uexBaiduMap.poiSearchInCity()的回调函数。Parameters：opId：操作IDdataType：返回数据的数据类型为uex.cJsondata：JSON数据的格式为：list:longitude:116.403030,latitude:40.005403,name:CGV星星国际 影城(北京奥体店)，uid:*,adress:地址 ，city:*，phone:*，postCode:*，ePoiType:*,totalPoiNum:302,pageNum:31,currPoiNum:10,pageIndex:0Ist： POIlistlongitude：POI精度latitude：POI纬度totalPoiNum：本次POI搜索的总结果数pageNum：本次POI搜索的总页数currPoiNum：当前页的poi结果数pageIndex：当前页uid：当前的idaddress：地址city：所在城市phone：电话postcode：邮编epoitype：poi类型（/POI类型，0:普通点 1:公交站 2:公交线路 3:地铁站 4:地铁线路 ）27、 poiSearchNearBy(key,longitude,latitude,radius,pageIndex)根据单个关键字在指定的中心点和半径范围内搜索兴趣点。Parameters：Key：兴趣点关键字，比如”餐厅”，”酒店”Longitude：中心点经度Latitude：中心点纬度Radius：搜索范围半径，单位米pageIndex：兴趣点集合的页索引，从0开始，第一次搜索请传028、 cbPoiSearchNearBy (opId,dataType,data)uexBaiduMap.poiSearchNearBy()的回调函数。Parameters：opId：操作IDdataType：返回数据的数据类型为uex.cJsondata：JSON数据的格式为：list:longitude:116.403030,latitude:40.005403,name:CGV星星国 际影城(北京奥体店)，uid:*,adress:地址 ，city:*，phone:*，postCode:*，ePoiType:*,totalPoiNum:302,pageNum:31,currPoiNum:10,pageIndex:0list: POIlistlongitude: POI精度latitude:POI纬度totalPoiNum : 本次POI搜索的总结果数pageNum: 本次POI搜索的总页数currPoiNum:当前页的poi结果数pageIndex：当前页uid:当前的idaddress:地址city:所在城市phone:电话postcode:邮编epoitype：poi类型（/POI类型，0:普通点 1:公交站 2:公交线路 3:地铁站 4:地铁线路 ）29、 poiMultiSearchNearBy (key,longitude,latitude,radius,pageIndex)根据多个关键字在指定的中心点和半径范围内搜索兴趣点。Parameters：Key：兴趣点关键字集合，比如”餐厅”，”酒店”，必须大于1个且小于10个Longitude：中心点经度Latitude：中心点纬度Radius：搜索范围半径，单位米pageIndex：兴趣点集合的页索引，从0开始，第一次搜索请传030、 cbPoiMultiSearchNearBy (opId,dataType,data)uexBaiduMap.poiMultiSearchNearBy()的回调函数。Parameters：opId：操作IDdataType：返回数据的数据类型为uex.cJsondata：JSON数据的格式为：list:longitude:116.403030,latitude:40.005403,name:CGV星星国 际影城(北京奥体店)，uid:*,adress:地址 ，city:*，phone:*，postCode:*，ePoiType:*,totalPoiNum:302,pageNum:31,currPoiNum:10,pageIndex:0list: POIlistlongitude: POI精度latitude:POI纬度totalPoiNum : 本次POI搜索的总结果数pageNum: 本次POI搜索的总页数currPoiNum:当前页的poi结果数pageIndex：当前页uid:当前的idaddress:地址city:所在城市phone:电话postcode:邮编epoitype：poi类型（/POI类型，0:普通点 1:公交站 2:公交线路 3:地铁站 4:地铁线路 ）31、 poiSearchInBounds (key,ltLongitude,ltLatitude,rbLongitude,rbLatitude,pageIndex)根据单个关键字在指定的经纬度起始点内搜索兴趣点Parameters：Key：兴趣点关键字，比如”餐厅”，”酒店”ltLongitude：范围左上角经度ltLatitude：范围左上角纬度rbLongitude：范围右下角经度rbLatitude：范围右下角纬度pageIndex：兴趣点集合的页索引，从0开始，第一次搜索请传032、 cbPoiSearchBounds (opId,dataType,data)uexBaiduMap.poiSearchInBounds()的回调函数。Parameters：opId：操作IDdataType：返回数据的数据类型为uex.cJsondata：JSON数据的格式为：list:longitude:116.403030,latitude:40.005403,name:CGV星星国 际影城(北京奥体店)，uid:*,adress:地址 ，city:*，phone:*，postCode:*，ePoiType:*,totalPoiNum:302,pageNum:31,currPoiNum:10,pageIndex:0list: POIlistlongitude: POI精度latitude:POI纬度totalPoiNum : 本次POI搜索的总结果数pageNum: 本次POI搜索的总页数currPoiNum:当前页的poi结果数pageIndex：当前页uid:当前的idaddress:地址city:所在城市phone:电话postcode:邮编epoitype：poi类型（/POI类型，0:普通点 1:公交站 2:公交线路 3:地铁站 4:地铁线路 ）33、 poiMultiSearchBound (key,ltLongitude,ltLatitude,rbLongitude,rbLatitude,pageIndex)根据多个关键字在指定的经纬度起始点内搜索兴趣点。Parameters：Key：兴趣点关键字集合(多个)，比如”