没有match的答案？试试对话大模型
| （未显示1个用户的4个中间版本） | |||
| 第1行： | 第1行： | ||
| − | <div id="examples_api_center"><div class="title-hd">基础地图展示</div></div><div class="demos_wrap"><div class="header"><div class="active">功能场景</div></div><div class="wrap-mi">该示例介绍如何使用GL版API创建一张地图，并通过设置地图类型方法，展示3D地图与卫星地球地图之间的切换。</div><div class="header"><div class="active">DEMO</div></div><div class="andiord-wrap wrap"><div class="wrap-wp"><div class="pc-video"><div class="video-box infor"><div class="video-control1"></div><pre>https:// | + | <div id="examples_api_center"><div class="title-hd">基础地图展示</div></div><div class="demos_wrap"><div class="header"><div class="active">功能场景</div></div><div class="wrap-mi">该示例介绍如何使用GL版API创建一张地图，并通过设置地图类型方法，展示3D地图与卫星地球地图之间的切换。</div><div class="header"><div class="active">DEMO</div></div><div class="andiord-wrap wrap"><div class="wrap-wp"><div class="pc-video"><div class="video-box infor"><div class="video-control1"></div><pre>https://bj.bcebos.com/v1/mapopen/api-demos/video/地图类型.mp4</pre> |
| − | </div><div class="video-title1"> | + | </div><div class="video-title1">3D地图与卫星地球地图切换</div></div></div><div class="api-table-box"><div class="api-info-box"><div class="pre-nav"><div class="left-icon"></div><div>核心接口</div><br/></div> |
| − | + | {| width="370" border="1" | |
| − | + | |- | |
| − | + | | width="70" | '''类''' | |
| − | + | | width="100" | '''接口''' | |
| − | + | | width="110" | '''描述''' | |
| − | + | | width="90" | '''参考文档''' | |
| − | + | |- | |
| − | + | | Map | |
| − | + | | new BMapGL.Map('container') | |
| − | + | | 创建GL版地图 | |
| − | + | | [[jspopularGL/guide/show|创建地图]] | |
| − | + | |- | |
| − | + | | Map | |
| − | + | | map.setMapType(BMAP_EARTH_MAP) | |
| − | + | | 变更地图类型 | |
| + | | [[jspopularGL/guide/maptype|变更地图类型]] | ||
| + | |} | ||
| + | </div></div><div class="header"><div class="active">核心代码</div></div><div class="pre-wrap"><div class="pre-wrap-w pre-wrap-w-and"><pre class="prettyprint codestyle"> var map = new BMapGL.Map('container'); | ||
| + | map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 18); // 设置中心点和地图级别 | ||
| + | map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放 | ||
| + | map.addControl(new BMapGL.NavigationControl3D()); // 添加3D控件 | ||
| + | |||
| + | function changeMapType(e) { | ||
| + | if (e.className.indexOf('current') === -1) { | ||
| + | var allLi = document.getElementsByClassName('btn'); | ||
| + | for (var i = 0; i < allLi.length; i++) { | ||
| + | allLi[i].className = allLi[i].className.replace(' current','').trim(); | ||
| + | } | ||
| + | e.className += ' current'; | ||
| + | if (e.className.indexOf('normal') != -1) { | ||
| + | map.setMapType(BMAP_NORMAL_MAP); | ||
| + | } else { | ||
| + | map.setMapType(BMAP_EARTH_MAP); | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | </pre> | ||
| + | </div></div></div></div> | ||
2020年10月9日 (五) 16:44的最后版本
基础地图展示
功能场景
该示例介绍如何使用GL版API创建一张地图，并通过设置地图类型方法，展示3D地图与卫星地球地图之间的切换。
DEMO
https://bj.bcebos.com/v1/mapopen/api-demos/video/地图类型.mp4
3D地图与卫星地球地图切换
核心代码
var map = new BMapGL.Map('container');
map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 18); // 设置中心点和地图级别
map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
map.addControl(new BMapGL.NavigationControl3D()); // 添加3D控件
function changeMapType(e) {
if (e.className.indexOf('current') === -1) {
var allLi = document.getElementsByClassName('btn');
for (var i = 0; i < allLi.length; i++) {
allLi[i].className = allLi[i].className.replace(' current','').trim();
}
e.className += ' current';
if (e.className.indexOf('normal') != -1) {
map.setMapType(BMAP_NORMAL_MAP);
} else {
map.setMapType(BMAP_EARTH_MAP);
}
}
}