| 第1行： | 第1行： | ||
| − | <div id="examples_center"> | + | <div id="examples_center"><!-- 页面标题 --><div class="title-hd">境外地图</div><!-- 标题下子标题及简介，可有多个 --><div class="title-mi">功能场景</div><div class="wrap-mi">常用于海外业务中需要展示位置信息。</div><!-- --></div><div class="demos_wrap"><div class="header"><div class="andiord-header active">Android</div><div class="ios-header">iOS</div></div><div class="andiord-wrap wrap"><div class="wrap-wp"><div class="wrap_left"><div class="left-video"><div class="img-bg-and"></div><div class="phone-android"><div class="video-wrap infor"><div class="video-control"></div><!-- 安卓视频位置 (不写协议)--><pre>//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/SVID_20200530_204859_1.mp4</pre> |
| − | + | </div><div class="video-icon-and"><div class="play play-and"></div><div class="stop stop-and"></div></div></div><div class="progressWrap-hide-and"></div><div id="videoControls-and"><div id="progressWrap-and"><div id="playProgress-and"></div></div></div></div><div class="left-qrCode"><!-- 安卓二维码位置 --><div class="qrCode-and">1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/qrcodes/境外地图.png</div><div>扫码体验</div></div></div><div class="wrap_right"><div class="wrap_right_nav"><div class="wrap_right_nav_l"><div>使用产品</div><div><!-- 安卓使用产品下选项，可有多个 --><!-- 产品1|/index.php?title=test --><div class="documentA">Android地图SDK|/index.php?title=androidsdk</div><div>></div><div class="documentA">境外地图服务|/index.php?title=androidsdk/guide/create-map/showmap/abroad</div></div></div><div class="wrap_right_nav_r">下载源码</div><!-- 安卓源码地址 --><div class="github-url-and">//mapopen-pub-androidsdk.cdn.bcebos.com/map/sample/BaiduLBS_AndroidSDK_Sample.zip</div></div><div class="wrap_table"><div class="table_nav"><div class="left-icon"></div><div>核心接口</div></div><div class="table_wrap"><div class="table_wrap_title"><div>类</div><div>接口</div><div>描述</div></div><!-- 表格接口，可有多个 --><div class="table_wrap_con"><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdate</div></div><div><div>无</div></div><div><div>用于更新地图状态，通过MapStatusUpdateFactory创建</div></div></div><!-- --><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdateFactory</div></div><div><div>newMapStatus<br/>(MapStatus mapStatus)</div></div><div><div>生成地图MapStatus新状态</div></div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | </div> | + | |
| − | <div class="demos_wrap"> | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | </div><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdateFactory</div></div><div><div>newLatLng(LatLng latLng)</div></div><div><div>创建地图中心点新状态</div></div> | |
| − | + | ||
| − | + | </div><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdateFactory</div></div><div><div>newLatLngBounds(LatLngBounds bounds)</div></div><div><div>创建地图显示地理范围新状态</div></div> | |
| − | + | ||
| − | + | </div><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdateFactory</div></div><div><div>newLatLngBounds(LatLngBounds bounds, int width, int height)</div></div><div><div>创建显示在规定宽高中的地图地理范围新状态</div></div> | |
| − | + | ||
| − | + | </div><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdateFactory</div></div><div><div>newLatLngZoom(LatLng latLng, float zoom)</div></div><div><div>创建地图中心点以及缩放级别新状态</div></div> | |
| − | + | ||
| − | + | </div><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdateFactory</div></div><div><div>scrollBy(int xPixel, int yPixel)</div></div><div><div>创建像素移动地图中心点新状态</div></div> | |
| − | + | ||
| − | + | </div><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdateFactory</div></div><div><div>zoomBy(float amount)</div></div><div><div>创建给定增量缩放地图级别新状态</div></div> | |
| − | + | ||
| − | // 伦敦经纬度 | + | </div><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdateFactory</div></div><div><div>zoomBy(float amount, Point focus)</div></div><div><div>创建根据给定增量以及给定的屏幕坐标缩放地图级别新状态</div></div> |
| + | |||
| + | </div><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdateFactory</div></div><div><div>zoomIn()</div></div><div><div>创建放大地图缩放级别新状态</div></div> | ||
| + | |||
| + | </div><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdateFactory</div></div><div><div>zoomOut()</div></div><div><div>创建缩小地图缩放级别新状态</div></div> | ||
| + | |||
| + | </div><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdateFactory</div></div><div><div>zoomTo(float zoom)</div></div><div><div>创建地图缩放级别新状态</div></div> | ||
| + | |||
| + | </div><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdateFactory</div></div><div><div>newLatLngBounds(LatLngBounds bounds, int paddingLeft,int paddingTop, int paddingRight, int paddingBottom)</div></div><div><div>创建显示在指定相对于MapView的padding中的地图地理范围新状态</div></div> | ||
| + | |||
| + | </div><div class="table_wrap_w"><div><div class="table-wrap-className">MapStatusUpdateFactory</div></div><div><div>newLatLngZoom(LatLngBounds bounds, int paddingLeft,int paddingTop, int paddingRight, int paddingBottom)</div></div><div><div>创建Padding设置地理范围的合适缩放级别新状态</div></div> | ||
| + | |||
| + | </div></div></div></div></div></div><div class="pre-nav"><div class="left-icon"></div><div>核心代码</div></div><div class="pre-wrap"><div class="pre-wrap-nav"><div>JAVA</div></div><!-- 安卓示例代码位置 --><div class="pre-wrap-w pre-wrap-w-and"><pre class="prettyprint prettyprinted pre-and">// 伦敦经纬度 | ||
LatLng center = new LatLng(51.50015, 0.12623); | LatLng center = new LatLng(51.50015, 0.12623); | ||
MapStatusUpdate mapStatusUpdate = MapStatusUpdateFactory.newLatLngZoom(center, 8); | MapStatusUpdate mapStatusUpdate = MapStatusUpdateFactory.newLatLngZoom(center, 8); | ||
| 第271行： | 第34行： | ||
baiduMap.setMapStatus(mapStatusUpdate); | baiduMap.setMapStatus(mapStatusUpdate); | ||
</pre> | </pre> | ||
| − | + | <div class="pre-btn"><div class="pre-btn-copy-and">复制</div><div class="pre-btn-cb-and">深色</div></div><div class="success">复制成功</div></div></div><div class="more-nav"><div class="left-icon"></div><div>更多功能</div></div><div class="more-wrap"><!-- 安卓更多功能下选项 --><!-- 点标记动画|/index.php?title=test --><div><div class="point"></div><div class="documentA">卫星图|/index.php?title=androidsdk/guide/create-map/maptype</div></div><div><div class="point"></div><div class="documentA">个性化地图|/index.php?title=androidsdk/guide/create-map/custommap</div></div></div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | </div><div class="ios-wrap wrap" style="display: none;"><div class="wrap-wp"><div class="wrap_left"><div class="left-video"><div class="img-bg-ios-sh"></div><div class="phone-ios"><div class="video-wrap infor"><div class="video-control"></div><!-- ios视频位置 --><pre>//mapopen-website-wiki.bj.bcebos.com/demos/iosVideos/iOS境外地图.mov</pre> | |
| − | + | </div><div class="video-icon-ios"><div class="play play-ios"></div><div class="stop stop-ios"></div></div></div><div class="progressWrap-hide-ios"></div><div id="videoControls-ios"><div id="progressWrap-ios"><div id="playProgress-ios"></div></div></div></div><div class="left-qrCode"><!-- ios二维码位置 --><div class="qrCode-ios">//mapopen-website-wiki.bj.bcebos.com/demos/play.png</div><div>扫码手机观看</div></div></div><div class="wrap_right"><div class="wrap_right_nav"><div class="wrap_right_nav_l"><div>使用产品</div><div><!-- IOS使用产品下选项，可有多个 --><!-- 产品1|/index.php?title=test --><div class="documentA">IOS地图SDK|/index.php?title=iossdk</div><!-- --><div>></div><div class="documentA">境外地图服务|/index.php?title=iossdk/guide/create-map/showmap/abroad</div></div></div><div class="wrap_right_nav_r">下载源码</div><!-- IOS源码地址 --><div class="github-url-ios">//mapopen-website-wiki.bj.bcebos.com/demos/iosVideos/iOS示例中心Demo.zip</div></div><div class="wrap_table"><div class="table_nav"><div class="left-icon"></div><div>核心接口</div></div><div class="table_wrap"><div class="table_wrap_title"><div>类</div><div>接口</div><div>描述</div></div><!-- ios表格接口内容，可有多个 --><!-- 表格接口，可有多个 --><div class="table_wrap_con"><div class="table_wrap_w"><div><div class="table-wrap-className">BMKMapView</div></div><div><div>zoomLevel</div></div><div><div>地图比例尺级别</div></div></div><!-- --><div class="table_wrap_w"><div><div class="table-wrap-className">BMKMapView</div></div><div><div>centerCoordinate</div></div><div><div>当前地图的中心点，改变该值时，地图的比例尺级别不会发生变化</div></div></div></div></div></div></div></div><div class="pre-nav"><div class="left-icon"></div><div>核心代码</div></div><div class="pre-wrap"><div class="pre-wrap-nav"><div>Objective-C</div></div><div class="pre-wrap-w pre-wrap-w-ios code_container"><!-- ios示例代码位置 --><pre class="prettyprint prettyprinted pre-ios">/** 创建地图. */ | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | /** 创建地图. */ | + | |
- (BMKMapView *)mapView { | - (BMKMapView *)mapView { | ||
if (!_mapView) { | if (!_mapView) { | ||
| 第408行： | 第49行： | ||
return _mapView; | return _mapView; | ||
</pre> | </pre> | ||
| − | + | <div class="pre-btn"><div class="pre-btn-copy-ios">复制</div><div class="pre-btn-cb-ios">深色</div></div><div class="success">复制成功</div></div></div><div class="more-nav"><div class="left-icon"></div><div>更多功能</div></div><div class="more-wrap"><!-- IOS更多功能下选项 --><!-- 点标记动画|/index.php?title=test --><div><div class="point"></div><div class="documentA">卫星图|/index.php?title=iossdk/guide/create-map/maptype</div></div><div><div class="point"></div><div class="documentA">个性化地图|/index.php?title=iossdk/guide/create-map/custommap</div></div></div></div></div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | </div> | + | |
2020年6月1日 (一) 17:13的版本
境外地图
功能场景
常用于海外业务中需要展示位置信息。
Android
iOS
//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/SVID_20200530_204859_1.mp4
1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/qrcodes/境外地图.png
扫码体验
使用产品
Android地图SDK|/index.php?title=androidsdk
>
境外地图服务|/index.php?title=androidsdk/guide/create-map/showmap/abroad
下载源码
//mapopen-pub-androidsdk.cdn.bcebos.com/map/sample/BaiduLBS_AndroidSDK_Sample.zip
核心接口
类
接口
描述
MapStatusUpdate
无
用于更新地图状态，通过MapStatusUpdateFactory创建
MapStatusUpdateFactory
newMapStatus
(MapStatus mapStatus)
(MapStatus mapStatus)
生成地图MapStatus新状态
MapStatusUpdateFactory
newLatLng(LatLng latLng)
创建地图中心点新状态
MapStatusUpdateFactory
newLatLngBounds(LatLngBounds bounds)
创建地图显示地理范围新状态
MapStatusUpdateFactory
newLatLngBounds(LatLngBounds bounds, int width, int height)
创建显示在规定宽高中的地图地理范围新状态
MapStatusUpdateFactory
newLatLngZoom(LatLng latLng, float zoom)
创建地图中心点以及缩放级别新状态
MapStatusUpdateFactory
scrollBy(int xPixel, int yPixel)
创建像素移动地图中心点新状态
MapStatusUpdateFactory
zoomBy(float amount)
创建给定增量缩放地图级别新状态
MapStatusUpdateFactory
zoomBy(float amount, Point focus)
创建根据给定增量以及给定的屏幕坐标缩放地图级别新状态
MapStatusUpdateFactory
zoomIn()
创建放大地图缩放级别新状态
MapStatusUpdateFactory
zoomOut()
创建缩小地图缩放级别新状态
MapStatusUpdateFactory
zoomTo(float zoom)
创建地图缩放级别新状态
MapStatusUpdateFactory
newLatLngBounds(LatLngBounds bounds, int paddingLeft,int paddingTop, int paddingRight, int paddingBottom)
创建显示在指定相对于MapView的padding中的地图地理范围新状态
MapStatusUpdateFactory
newLatLngZoom(LatLngBounds bounds, int paddingLeft,int paddingTop, int paddingRight, int paddingBottom)
创建Padding设置地理范围的合适缩放级别新状态
核心代码
JAVA
// 伦敦经纬度
LatLng center = new LatLng(51.50015, 0.12623);
MapStatusUpdate mapStatusUpdate = MapStatusUpdateFactory.newLatLngZoom(center, 8);
if (null == mapStatusUpdate) {
return;
}
baiduMap.setMapStatus(mapStatusUpdate);
复制
深色
复制成功
更多功能
卫星图|/index.php?title=androidsdk/guide/create-map/maptype
个性化地图|/index.php?title=androidsdk/guide/create-map/custommap