（以“<div id="examples_center"><!-- 页面标题 --><div class="title-hd">点标记适配屏幕</div><!-- 标题下子标题及简介，可有多个 --><div class="title-...”为内容创建页面） |
|||
| 第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/点标记适配屏幕@android.mp4</pre> | <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/点标记适配屏幕@android.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/newqrcodes/点标记适配屏幕@2xanidroid.png</div><div>扫码体验</div></div></div><div class="wrap_right"><div class="wrap_right_nav"><div class="wrap_right_nav_l"><div>使用产品</div><div><!-- 安卓使用产品下选项，可有多个 | + | </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/newqrcodes/点标记适配屏幕@2xanidroid.png</div><div>扫码体验</div></div></div><div class="wrap_right"><div class="wrap_right_nav"><div class="wrap_right_nav_l"><div>使用产品</div><div><!-- 安卓使用产品下选项，可有多个 --><div class="documentA">Android地图SDK|/index.php?title=androidsdk</div><div>></div><div class="documentA">绘制点标记|/index.php?title=androidsdk/guide/render-map/point</div></div></div><div class="wrap_right_nav_r">下载源码</div><!-- 安卓源码地址 --><div class="github-url-and">//mapopen-website-wiki.bj.bcebos.com/demos/BaiduMapSDKExample.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">LatLngBounds</div></div><div><div>Builder()</div></div><div><div>构造参数</div></div></div><div class="table_wrap_w"><div><div class="table-wrap-className">LatLngBounds</div></div><div><div>include(List<LatLng> latLngs)</div></div><div><div>让该地理范围包含一组地理位置坐标</div></div></div><div class="table_wrap_w"><div><div class="table-wrap-className">LatLngBounds</div></div><div><div>build()</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">BaiduMap</div></div><div><div>setMapStatus(MapStatusUpdate update)</div></div><div><div>改变地图状态</div></div></div><div class="table_wrap_w"><div><div class="table-wrap-className">BaiduMap</div></div><div><div>setViewPadding(int left, int top, int right, int bottom)</div></div><div><div>设置地图上控件与地图边界的距离，包含比例尺、缩放控件、logo、指南针的位置</div></div></div></div></div></div></div></div><div class="pre-nav"><div class="left-icon"></div><div>核心代码</div></div><div class="pre-nav"><div>1.最佳视野内显示所有点标记</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">/** |
* 最佳视野内显示所有点标记 | * 最佳视野内显示所有点标记 | ||
*/ | */ | ||
| 第20行： | 第20行： | ||
</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/render-map/ployline</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/点标记适配屏幕@2xios.mp4</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/render-map/ployline</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/点标记适配屏幕@2xios.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 iosqrCode"><!-- ios二维码位置 --><div class="qrCode-ios">1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/ioscodes/点标记适配屏幕@1xios.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使用产品下选项，可有多个 | + | </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 iosqrCode"><!-- ios二维码位置 --><div class="qrCode-ios">1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/ioscodes/点标记适配屏幕@1xios.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使用产品下选项，可有多个 --><div class="documentA">iOS地图SDK|/index.php?title=iossdk</div><!-- --><div>></div><div class="documentA">控件与手势|/index.php?title=iossdk/guide/interaction/gesture</div></div></div><div class="wrap_right_nav_r">下载源码</div><!-- IOS源码地址 --><div class="github-url-ios">//mapopen-website-wiki.bj.bcebos.com/BaiduMapSDKDemo.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">BMKPointAnnotation</div></div><div><div>- (instancetype)init;</div></div><div><div>创建点标记实例</div></div></div><!-- --><div class="table_wrap_w"><div><div class="table-wrap-className">BMKPointAnnotation</div></div><div><div>CLLocationCoordinate2D coordinate;</div></div><div><div>设置点标记经纬度坐标</div></div></div><div class="table_wrap_w"><div><div class="table-wrap-className">BMKPointAnnotation</div></div><div><div>NSString *title;</div></div><div><div>支持多种手势同时识别</div></div></div><div class="table_wrap_w"><div><div class="table-wrap-className">BMKPinAnnotationView</div></div><div><div>- (id)initWithAnnotation:(id <BMKAnnotation>)annotation reuseIdentifier:(NSString *)reuseIdentifier;</div></div><div><div>初始化并返回一个BMKPinAnnotationView实例</div></div></div><div class="table_wrap_w"><div><div class="table-wrap-className">BMKMapView</div></div><div><div>- (void)addAnnotation:(id <BMKAnnotation>)annotation;</div></div><div><div>向地图窗口添加点标记</div></div></div><div class="table_wrap_w"><div><div class="table-wrap-className">BMKAnnotationViewFitMapViewController</div></div><div><div>- (void)showAnnotations:(NSArray *)annotations animated:(BOOL)animated;</div></div><div><div>将所有AnnotationView适配到最佳地图视野范围</div></div></div></div></div></div></div></div><div class="pre-nav"><div class="left-icon"></div><div>核心代码</div></div><div class="pre-nav"><div>1.最佳地图展示区域计算</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">- (void)showAnnotations:(NSArray *)annotations animated:(BOOL)animated { |
if (!annotations || annotations.count == 0) { | if (!annotations || annotations.count == 0) { | ||
return; | return; | ||
2022年2月25日 (五) 17:46的最后版本
点标记适配屏幕
功能场景
在地图区域需要展示多个点标记，常用于检索结果的展示。
Android
iOS
//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/点标记适配屏幕@android.mp4
1590746640|//mapopen-website-wiki.bj.bcebos.com/demos/newqrcodes/点标记适配屏幕@2xanidroid.png
扫码体验
使用产品
Android地图SDK|/index.php?title=androidsdk
>
绘制点标记|/index.php?title=androidsdk/guide/render-map/point
下载源码
//mapopen-website-wiki.bj.bcebos.com/demos/BaiduMapSDKExample.zip
核心接口
类
接口
描述
LatLngBounds
Builder()
构造参数
LatLngBounds
include(List<LatLng> latLngs)
让该地理范围包含一组地理位置坐标
LatLngBounds
build()
创建地理范围对象
MapStatusUpdateFactory
newLatLngBounds(LatLngBounds bounds, int paddingLeft, int paddingTop, int paddingRight, int paddingBottom)
设置显示在指定相对于MapView的padding中的地图地理范围
BaiduMap
setMapStatus(MapStatusUpdate update)
改变地图状态
BaiduMap
setViewPadding(int left, int top, int right, int bottom)
设置地图上控件与地图边界的距离，包含比例尺、缩放控件、logo、指南针的位置
核心代码
1.最佳视野内显示所有点标记
JAVA
/**
* 最佳视野内显示所有点标记
*/
private void setBounds(ArrayList<LatLng> mLatLngs , int paddingBottom ) {
int padding = 80;
// 构造地理范围对象
LatLngBounds.Builder builder = new LatLngBounds.Builder();
// 让该地理范围包含一组地理位置坐标
builder.include(mLatLngs);
// 设置显示在指定相对于MapView的padding中的地图地理范围
MapStatusUpdate mapStatusUpdate = MapStatusUpdateFactory.newLatLngBounds(builder.build(), padding, padding,
padding, paddingBottom);
// 更新地图
mBaiduMap.setMapStatus(mapStatusUpdate);
// 设置地图上控件与地图边界的距离，包含比例尺、缩放控件、logo、指南针的位置
mBaiduMap.setViewPadding(0,0,0,paddingBottom);
}
复制
深色
复制成功
更多功能
绘制线|/index.php?title=androidsdk/guide/render-map/ployline