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

文档全面上新

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

体验新版
第1行: 第1行:
<div id="examples_center"><!-- 页面标题 --><div class="title-hd">AR步行导航</div><!-- 标题下子标题及简介,可有多个 --><div class="title-mi">功能场景</div><div class="wrap-mi">在景区、出行app中,可以展示真实街景,并且通过虚拟路标,引导用户到达目的地。</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/AR步行导航.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" style="display: none;"><!-- 安卓二维码位置 --><div class="qrCode-and">1590746640|</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=android-navsdk/guide/routeresult</div><!--  --></div></div></div><div style="font-size: 16px;color: #333333;margin-bottom: 18px;">使用流程</div><div style="font-size: 14px;">本示例展示效果是地图SDK高级服务,请填写<div class="documentA" style="display: inline;">工单|/apiconsole/fankui#?typeOne=产品需求&typeTwo=高级服务</div>申请试用。</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 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/navigation/walk</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></div></div></div></div>
+
    <div class="title-hd">AR步行导航</div><!-- 标题下子标题及简介,可有多个 -->
 +
    <div class="title-mi">功能场景</div>
 +
    <div class="wrap-mi">在景区、出行app中,可以展示真实街景,并且通过虚拟路标,引导用户到达目的地。</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/AR步行导航.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" style="display: none;">
 +
                    <!-- 安卓二维码位置 -->
 +
                    <div class="qrCode-and">1590746640|</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">步行AR导航|/index.php?title=androidsdk/guide/navigation/walknavi</div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div style="font-size: 16px;color: #333333;margin-bottom: 18px;">使用流程</div>
 +
                <div style="font-size: 14px;">本示例展示效果是地图SDK高级服务,请填写<div class="documentA" style="display: inline;">工单|/apiconsole/fankui#?typeOne=产品需求&typeTwo=高级服务</div>申请试用。</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 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/navigation/walk</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>
 +
            </div>
 +
        </div>
 +
   
 +
    </div>
 +
</div>

2020年6月2日 (二) 11:07的版本

AR步行导航
功能场景
在景区、出行app中,可以展示真实街景,并且通过虚拟路标,引导用户到达目的地。
Android
iOS
//mapopen-website-wiki.bj.bcebos.com/demos/AndroidVideos/AR步行导航.mp4
使用产品
Android地图sdk|/index.php?title=androidsdk
>
步行AR导航|/index.php?title=androidsdk/guide/navigation/walknavi
使用流程
本示例展示效果是地图SDK高级服务,请填写
工单|/apiconsole/fankui#?typeOne=产品需求&typeTwo=高级服务
申请试用。
  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

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

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消