第1行: | 第1行: | ||
− | <div id="examples_center"><!-- 页面标题 --><div class="title-hd">Android Fragment 加载地图</div><!-- 标题下子标题及简介,可有多个 --><div class="title-mi">功能场景</div><div class="wrap-mi">如何通过Fragment方式加载不同类型地图。</div><!-- --></div><div class="demos_wrap"><div class="header"><div class="andiord-header active">Android</div><div class="ios-header hide">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/Android Fragment加载地图.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/fragment.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</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">SupportMapFragment</div></div><div><div>newInstance ()</div></div><div><div>用于更新地图状态,通过MapStatusUpdateFactory创建</div></div></div><!-- --></div></div> | + | <!-- 页面标题 --> |
+ | <div class="title-hd">Android Fragment 加载地图</div><!-- 标题下子标题及简介,可有多个 --> | ||
+ | <div class="title-mi">功能场景</div> | ||
+ | <div class="wrap-mi">如何通过Fragment方式加载不同类型地图。</div><!-- --> | ||
+ | </div> | ||
+ | <div class="demos_wrap"> | ||
+ | <div class="header"> | ||
+ | <div class="andiord-header active">Android</div> | ||
+ | <div class="ios-header hide">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/Android Fragment加载地图.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/fragment.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</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">SupportMapFragment</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>newInstance ()</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>用于更新地图状态,通过MapStatusUpdateFactory创建</div> | ||
+ | </div> | ||
+ | </div><!-- --> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | <div class="pre-nav"><div class="left-icon"></div><div>重点关注</div></div><div class="pre-nav" style="margin-left: 10px;line-height: 20px;"><div style="line-height: 20px;">SupportMapFragment目前是基于support-v4包实现的,可能会与androidx | + | </div> |
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="pre-nav"> | ||
+ | <div class="left-icon"></div> | ||
+ | <div>重点关注</div> | ||
+ | </div> | ||
+ | <div class="pre-nav" style="margin-left: 10px;line-height: 20px;"> | ||
+ | <div style="line-height: 20px;">SupportMapFragment目前是基于support-v4包实现的,可能会与androidx 有冲突, | ||
+ | 如有必要,需要在gradlew.properties里做如下设置: | ||
+ | android.useAndroidX=true | ||
+ | android.enableJetifier=false | ||
+ | 如果实在不行,可以对support-v4包进行裁剪</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"> | ||
+ | /** | ||
* 初始化地图 | * 初始化地图 | ||
*/ | */ | ||
第17行: | 第123行: | ||
} | } | ||
</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="pre-btn"> |
+ | <div class="pre-btn-copy-and">复制</div> | ||
+ | <div class="pre-btn-cb-and">深色</div> | ||
+ | </div> | ||
+ | <div class="success">复制成功</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"></div> | ||
+ | <div class="phone-ios"> | ||
+ | <div class="video-wrap infor"> | ||
+ | <div class="video-control"></div><!-- ios视频位置 --> | ||
+ | <pre>//mapopen-website-wiki.bj.bcebos.com/demos/iostest.MP4</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">产品1|/index.php?title=test</div><!-- --> | ||
+ | <div >></div> | ||
+ | <div class="documentA">产品2|/index.php?title=test</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrap_right_nav_r">下载源码</div><!-- IOS源码地址 --> | ||
+ | <div class="github-url-ios">//mapopen-website-wiki.bj.bcebos.com/demos/xs%20max.png</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> | ||
+ | </div><!-- ios表格接口内容,可有多个 --> | ||
+ | <!-- 表格接口,可有多个 --> | ||
+ | <div class="table_wrap_con"> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">BMKClusterManager</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>- (void)clearClusterItems;</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>清除标注集群items</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>V4.0.0起</div> | ||
+ | </div> | ||
+ | |||
+ | </div><!-- --> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">BMKClusterManager</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>- (NSArray<BMKCluster *> *)getClusters:(CGFloat)zoomLevel;</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>根据地图缩放级别获取标注集群</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>V4.0.0起</div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">AMapSearchAP</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>(AMapPOIAroundSearchRequest *)request;</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>POI周边查询接口</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>V4.0.0起</div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">AMapSearchAP</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>(AMapPOIAroundSearchRequest *)request;</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>POI周边查询接口</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>V4.0.0起</div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">abcdefg</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>(AMapPOIAroundSearchRequest *)request;</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>POI周边查询接口</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>V4.0.0起</div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">abcdefg</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>(AMapPOIAroundSearchRequest *)request;</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>POI周边查询接口</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>V4.0.0起</div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="table_wrap_w"> | ||
+ | <div> | ||
+ | <div class="table-wrap-className">abcdefg</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>(AMapPOIAroundSearchRequest *)request;</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>POI周边查询接口</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div>V4.0.0起</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-title">1.第一步</div> | ||
+ | <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"> | ||
+ | 1 | ||
/** 更新标注展示. */ | /** 更新标注展示. */ | ||
- (void)updateClusters { | - (void)updateClusters { | ||
第58行: | 第355行: | ||
</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="pre-wrap"><div class="pre-wrap-title">2.第二步</div><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">2 | + | <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="pre-wrap"> | ||
+ | <div class="pre-wrap-title">2.第二步</div> | ||
+ | <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"> | ||
+ | 2 | ||
/** 更新标注展示. */ | /** 更新标注展示. */ | ||
- (void)updateClusters { | - (void)updateClusters { | ||
第96行: | 第409行: | ||
</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="pre-wrap"><div class="pre-wrap-title">3.名字</div><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">3 | + | <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="pre-wrap"> | ||
+ | <div class="pre-wrap-title">3.名字</div> | ||
+ | <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"> | ||
+ | 3 | ||
/** 更新标注展示. */ | /** 更新标注展示. */ | ||
- (void)updateClusters { | - (void)updateClusters { | ||
第134行: | 第463行: | ||
</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=test</div></div><div><div class="point"></div><div class="documentA">点融合|/index.php?title=test</div></div><div><div class="point"></div><div class="documentA">添加文字和信息窗|/index.php?title=test</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=test</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div class="point"></div> | ||
+ | <div class="documentA">点融合|/index.php?title=test</div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div class="point"></div> | ||
+ | <div class="documentA">添加文字和信息窗|/index.php?title=test</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> |
2020年6月1日 (一) 16:04的版本
Android Fragment 加载地图
功能场景
如何通过Fragment方式加载不同类型地图。
Android
//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/Android Fragment加载地图.mp4
1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/qrcodes/fragment.png
扫码体验
使用产品
Android地图SDK|/index.php?title=androidsdk
>
显示地图|/index.php?title=androidsdk/guide/create-map/showmap
下载源码
//mapopen-pub-androidsdk.cdn.bcebos.com/map/sample/BaiduLBS_AndroidSDK_Sample.zip
核心接口
类
接口
描述
SupportMapFragment
newInstance ()
用于更新地图状态,通过MapStatusUpdateFactory创建
重点关注
SupportMapFragment目前是基于support-v4包实现的,可能会与androidx 有冲突,
如有必要,需要在gradlew.properties里做如下设置: android.useAndroidX=true android.enableJetifier=false如果实在不行,可以对support-v4包进行裁剪
核心代码
JAVA
/** * 初始化地图 */ private void initMapFragment() { mFragmentManager = getSupportFragmentManager(); BaiduMapOptions baiduMapOptions = new BaiduMapOptions(); baiduMapOptions.mapType(BaiduMap.MAP_TYPE_SATELLITE); mMapFragment = SupportMapFragment.newInstance(baiduMapOptions); mFragmentManager.beginTransaction() .add(R.id.map , mMapFragment , sNormalFragmentTag) .commit(); }
复制
深色
复制成功