<div id="examples_nav"><div class="title">JSAPI示例</div></div><div class="examples-nav-wrap"><div class="wrap-header">地图显示</div><div class="wrap-content"><div><div><div>Android Fragment 加载地图</div><div><div>该示例展示如何通过Fragment加载地图</div></div><div class="href">/index.php?title=Android_Fragment_加载地图</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/fragment@2x.png</div></div></div><div><div><div>地图选点</div><div><div>该示例介绍了如何通过滑动地图选择目标位置</div></div><div class="href">/index.php?title=地图选点</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/地图选点@2x.png</div></div></div><div><div><div>境外地图</div><div><div>该示例介绍了用户如何在自己的应用中加载海外基础地图、展示海外POI</div></div><div class="href">/index.php?title=境外地图</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/境外地图@2x.png</div></div></div></div><div class="wrap-content"><div><div><div>个性化地图</div><div><div>示例说明了个性化地图的黑夜、白天样式如何在同一页面进行切换或者关闭个性化地图</div></div><div class="href">/index.php?title=个性化地图</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/个性化地图@2x.png</div></div></div><div><div><div>地图截图</div><div><div>示例说明了如何截取底图及其上层view图片，在APP中常用来切换不同页面</div></div><div class="href">/index.php?title=地图截图</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/地图截图@2x.png</div></div></div></div><div class="wrap-header">地图交互</div><div class="wrap-content"><div><div><div>手势冲突</div><div><div>该示例介绍如何解决地图的滑动手势和系统view切换手势冲突的问题。</div></div><div class="href">/index.php?title=手势冲突</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/手势冲突@2x.png</div></div></div></div><div class="wrap-header">覆盖物绘制</div><div class="wrap-content"><div><div><div>点聚合</div><div><div>该示例介绍了当绘制大量点标记时，通过缩放地图聚合显示成一个点标记的效果</div></div><div class="href">/index.php?title=点聚合</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/点聚合@2x.png</div></div></div><div><div><div>自定义点标记图标</div><div><div>该示例介绍了用户如何根据实际业务需求，在指定位置添加自定义样式标记</div></div><div class="href">/index.php?title=自定义点标记图标</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/自定义标注图@2x.png</div></div></div><div><div><div>点标记缩放动画</div><div><div>该示例展示如何给点标记添加缩放动画效果</div></div><div class="href">/index.php?title=点标记缩放动画</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/点标记缩放动画@2x.png</div></div></div></div><div class="wrap-content"><div><div><div>点标记平移动画</div><div><div>该示例展示如何给点标记添加平移动画效果</div></div><div class="href">/index.php?title=点标记平移动画</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/点标记平移动画@2x.png</div></div></div><div><div><div>点标记适配屏幕</div><div><div>该示例说明如何根据APP布局调整所有点标记的位置，使其在地图区域内全部显示</div></div><div class="href">/index.php?title=点标记适配屏幕</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/点标记适配屏幕@2x.png</div></div></div><div><div><div>多信息窗展示</div><div><div>该示例介绍了如何同时展示多个点标记和信息窗</div></div><div class="href">/index.php?title=多信息窗展示</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/多信息窗展示@2x.png</div></div></div></div><div class="wrap-content"><div><div><div>Overlay点击选中</div><div><div>该示例以多边形为例，展示了点击目标覆盖物，突出绘制的效果，还可支持点、线、圆等其他覆盖物</div></div><div class="href">/index.php?title=Overlay点击选中</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/Overlay点击选中@2x.png</div></div></div></div><div class="wrap-header">定位</div><div class="wrap-content"><div><div><div>全球定位(单次/连续)</div><div><div>在设备连续定位的同时，用户通过操作界面主动获取一次当前位置</div></div><div class="href">/index.php?title=全球定位</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/全球定位@2x.png</div></div></div><div><div><div>后台持续定位</div><div><div>在应用退后台的状态下，持续记录位置信息</div></div><div class="href">/index.php?title=后台持续定位</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/后台持续定位@2x.png</div></div></div><div><div><div>地理围栏</div><div><div>通过地理围栏进行车辆区域提醒、智能活动推送等场景服务</div></div><div class="href">/index.php?title=地理围栏</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/地理围栏.png</div></div></div></div><div class="wrap-content"><div><div><div>辅助H5定位</div><div><div>在H5页面中如何调用Native定位接口获取位置，并使用百度定位SDK提升定位精度</div></div><div class="href">/index.php?title=辅助H5定位</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/辅助H5定位@2x.png</div></div></div><div><div><div>辅助提升定位精度</div><div><div>提示用户开启设备WiFi模块以提升定位准确度</div></div><div class="href">/index.php?title=辅助提升定位精度</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/提高定位精度.png</div></div></div><div><div><div>多模式定位</div><div><div>通过配置不同定位模式、坐标系获取精准定位结果及丰富定位信息</div></div><div class="href">/index.php?title=多模式定位</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/多模式定位.png</div></div></div></div><div class="wrap-content"><div><div><div>室内高精度定位</div><div><div>在百度地图室内图覆盖的场所中获取精准的室内定位信息</div></div><div class="href">/index.php?title=室内高精度定位</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/室内定位.png</div></div></div><div><div><div>定位图标指示方向</div><div><div>在路线规划、导航等场景中帮助用户更加清晰的判断移动方向</div></div><div class="href">/index.php?title=定位图标指示方向</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/定位图标指示方向@2x.png</div></div></div></div><div class="wrap-header">轨迹</div><div class="wrap-content"><div><div><div>平滑移动</div><div><div>该示例展示如何在地图上实现点标记的平滑移动的效果</div></div><div class="href">/index.php?title=平滑移动</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/平滑移动@2x.png</div></div></div></div><div class="wrap-header">检索</div><div class="wrap-content"><div><div><div>地点检索</div><div><div>该示例介绍如何将POI城市检索和地点输入提示检索结合，找到符合用户期望的POI，还可以结合POI详情检索获取地点详细信息</div></div><div class="href">/index.php?title=地点检索</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/地点检索@2x.png</div></div></div></div><div class="wrap-header">路线规划</div><div class="wrap-content"><div><div><div>公交路线规划</div><div><div>该示例介绍了用户如何发起公交路线规划，提供多种出行策略(最少换乘、最少步行、时间优先、不含地铁)</div></div><div class="href">/index.php?title=公交路线规划</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/公交路线规划1@2x.png</div></div></div><div><div><div>骑行路线规划</div><div><div>该示例介绍了用户如何发起骑行路线规划，提供普通自行车和电动车两种方式。</div></div><div class="href">/index.php?title=骑行路线规划</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/骑行路线规划1@2x.png</div></div></div><div><div><div>步行路线规划</div><div><div>该示例介绍了用户如何发起步行路线规划，展示在地图上，提供路线详情信息。</div></div><div class="href">/index.php?title=步行路线规划</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/步行路线规划1@2x.png</div></div></div></div><div class="wrap-header">导航</div><div class="wrap-content"><div><div><div>AR步行导航</div><div><div>该示例帮助开发者了展示AR步行导航效果，支持普通模式和实景导航模式。</div></div><div class="href">/index.php?title=AR步行导航</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/AR@2x.png</div></div></div></div><div class="wrap-header">行业场景</div><div class="wrap-content"><div><div><div>签到场景</div><div><div>在附近场所签到</div></div><div class="href">/index.php?title=签到场景</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/签到场景.png</div></div></div><div><div><div>出行场景的多路线规划</div><div><div>该示例介绍了根据起终点，算路偏好发起驾车路线规划，规划出多条路线，帮助开发者找到合适的路线。</div></div><div class="href">/index.php?title=出行场景的多路线规划</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/多路线规划.png</div></div></div></div><div class="wrap-header">Flutter框架</div><div class="wrap-content"><div><div><div>定位Flutter</div><div><div>快速集成百度定位Flutter插件，实现两端基本定位需求</div></div><div class="href">/index.php?title=定位Flutter</div><div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/flutter.jpg</div></div></div></div></div>