第1行: | 第1行: | ||
− | <div id="examples_nav"><div class="title">SDK</div></div><div class="examples-nav-wrap"><div class="wrap-header">地图显示</div><div class="wrap-content"><div><div><div>Android framet 加载地图</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-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 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/全球定位 | + | {{samplescenter-sidebar}} |
+ | <div id="examples_nav"> | ||
+ | <div class="title">SDK</div> | ||
+ | </div> | ||
+ | <div class="examples-nav-wrap"> | ||
+ | <div class="wrap-header">地图显示</div> | ||
+ | <div class="wrap-content"> | ||
+ | <div> | ||
+ | <div> | ||
+ | <div>Android framet 加载地图</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-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 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> | ||
+ | <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>该示例介绍了当绘制大量点标记时,通过缩放地图聚合显示成一个点标记的效果</div> | ||
+ | </div> | ||
+ | <div class="href">/index.php?title=辅助H5定位</div> | ||
+ | <div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/辅助H5定位.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> | ||
+ | <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/定位图标指示方向.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城市检索</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/出行场景的多路线规划@2x.png</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrap-header">Flutter框架</div> | ||
+ | <div class="wrap-content"> | ||
+ | <div> | ||
+ | <div> | ||
+ | <div>定位Flutter</div> | ||
+ | <div> | ||
+ | <div>该示例介绍了当绘制大量点标记时,通过缩放地图聚合显示成一个点标记的效果</div> | ||
+ | </div> | ||
+ | <div class="href">/index.php?title=定位Flutter</div> | ||
+ | <div class="bg-url">|//mapopen-website-wiki.bj.bcebos.com/demos/flutter.png</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> |
2020年5月31日 (日) 12:24的版本
地图显示
Android framet 加载地图
该示例展示如何通过fragment加载地图
/index.php?title=Android_Fragment_加载地图
|//mapopen-website-wiki.bj.bcebos.com/demos/fragment@2x.png
地图选点
该示例介绍了如何通过滑动地图选择目标位置
/index.php?title=地图选点
|//mapopen-website-wiki.bj.bcebos.com/demos/地图选点@2x.png
境外地图
该示例介绍了用户如何在自己的应用中加载海外基础地图、展示海外POI
/index.php?title=境外地图
|//mapopen-website-wiki.bj.bcebos.com/demos/境外地图@2x.png
地图覆盖物绘制
点聚合
该示例介绍了当绘制大量点标记时,通过缩放地图聚合显示成一个点标记的效果
/index.php?title=点聚合
|//mapopen-website-wiki.bj.bcebos.com/demos/点聚合@2x.png
自定义点标记图标
该示例介绍了用户如何根据实际业务需求,在指定位置添加自定义样式标记
/index.php?title=自定义点标记图标
|//mapopen-website-wiki.bj.bcebos.com/demos/自定义标注图@2x.png
点标记缩放动画
该示例展示如何给点标记添加缩放动画效果
/index.php?title=点标记缩放动画
|//mapopen-website-wiki.bj.bcebos.com/demos/点标记缩放动画@2x.png
点标记平移动画
该示例展示如何给点标记添加平移动画效果
/index.php?title=点标记平移动画
|//mapopen-website-wiki.bj.bcebos.com/demos/点标记平移动画@2x.png
定位
全球定位(单次/连续)
该示例介绍了当绘制大量点标记时,通过缩放地图聚合显示成一个点标记的效果
/index.php?title=全球定位
|//mapopen-website-wiki.bj.bcebos.com/demos/全球定位.png
后台持续定位
该示例介绍了用户如何根据实际业务需求,在指定位置添加自定义样式标记
/index.php?title=后台持续定位
|//mapopen-website-wiki.bj.bcebos.com/demos/后台持续定位.png
地理围栏
该示例展示如何给点标记添加缩放动画效果
/index.php?title=地理围栏
|//mapopen-website-wiki.bj.bcebos.com/demos/地理围栏.png
辅助H5定位
该示例介绍了当绘制大量点标记时,通过缩放地图聚合显示成一个点标记的效果
/index.php?title=辅助H5定位
|//mapopen-website-wiki.bj.bcebos.com/demos/辅助H5定位.png
辅助提升定位精度
该示例介绍了用户如何根据实际业务需求,在指定位置添加自定义样式标记
/index.php?title=辅助提升定位精度
|//mapopen-website-wiki.bj.bcebos.com/demos/提高定位精度.png
多模式定位
该示例展示如何给点标记添加缩放动画效果
/index.php?title=多模式定位
|//mapopen-website-wiki.bj.bcebos.com/demos/多方式定位.png
室内高精度定位
该示例介绍了当绘制大量点标记时,通过缩放地图聚合显示成一个点标记的效果
/index.php?title=室内高精度定位
|//mapopen-website-wiki.bj.bcebos.com/demos/室内定位.png
定位图标指示方向
该示例介绍了用户如何根据实际业务需求,在指定位置添加自定义样式标记
/index.php?title=定位图标指示方向
|//mapopen-website-wiki.bj.bcebos.com/demos/定位图标指示方向.png
轨迹
平滑移动
该示例展示如何在地图上实现点标记的平滑移动的效果
/index.php?title=平滑移动
|//mapopen-website-wiki.bj.bcebos.com/demos/平滑移动@2x.png
检索
地点检索
该示例介绍如何使用POI城市检索
/index.php?title=地点检索
|//mapopen-website-wiki.bj.bcebos.com/demos/地点检索@2x.png
路线规划
公交路线规划
该示例介绍了用户如何发起公交路线规划,提供多种出行策略(最少换乘、最少步行、时间优先、不含地铁)
/index.php?title=公交路线规划
|//mapopen-website-wiki.bj.bcebos.com/demos/公交路线规划1@2x.png
骑行路线规划
该示例介绍了用户如何发起骑行路线规划,提供普通自行车和电动车两种方式。
/index.php?title=骑行路线规划
|//mapopen-website-wiki.bj.bcebos.com/demos/骑行路线规划1@2x.png
步行路线规划
该示例介绍了用户如何发起步行路线规划,展示在地图上,提供路线详情信息。
/index.php?title=步行路线规划
|//mapopen-website-wiki.bj.bcebos.com/demos/步行路线规划1@2x.png
导航
AR步行导航
该示例帮助开发者了展示AR步行导航效果,支持普通模式和实景导航模式。
/index.php?title=AR步行导航
|//mapopen-website-wiki.bj.bcebos.com/demos/AR@2x.png
行业场景
签到场景
该示例介绍了当绘制大量点标记时,通过缩放地图聚合显示成一个点标记的效果
/index.php?title=签到场景
|//mapopen-website-wiki.bj.bcebos.com/demos/签到场景.png
出行场景的多路线规划
该示例介绍了根据起终点,算路偏好发起驾车路线规划,规划出多条路线,帮助开发者找到合适的路线。
/index.php?title=出行场景的多路线规划
|//mapopen-website-wiki.bj.bcebos.com/demos/出行场景的多路线规划@2x.png
Flutter框架
定位Flutter
该示例介绍了当绘制大量点标记时,通过缩放地图聚合显示成一个点标记的效果
/index.php?title=定位Flutter
|//mapopen-website-wiki.bj.bcebos.com/demos/flutter.png