浏览器版本低！无法浏览完整内容，建议升级或更换浏览器。

文档全面上新

更科技的视觉体验，更高效的页面结构，快前往体验吧！

体验新版
第1行： 第1行：
−
<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 id="examples_center">
−
</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 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>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>newLatLng(LatLng latLng)</div></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><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>
−
</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>
−
</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 class="pre-nav">
−
 
+
            <div class="left-icon"></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>
−
 
+
        </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 class="pre-wrap">
−
 
+
            <div class="pre-wrap-nav">
−
</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>JAVA</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 class="pre-wrap-w pre-wrap-w-and">
−
 
+
                <pre class="prettyprint prettyprinted pre-and">// 伦敦经纬度  
−
</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);
第34行： 第114行：
 
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 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><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">/** 创建地图. */
+
    <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) {
第49行： 第245行：
 
     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 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>

2020年6月1日 (一) 17:15的版本

境外地图
功能场景
常用于海外业务中需要展示位置信息。
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
newLatLng(LatLng latLng)
创建地图中心点新状态


核心代码
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
取自“http://lbsyun.baidu.com/index.php?title=境外地图&oldid=14836”

  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误，或对此文档有更好的建议，请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消