第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://mapopen-website-wiki.cdn.bcebos.com/wiki/android-loc-sdk/sdkgetAK.mov</pre> | + | <div id="examples_api_center"><div class="title-hd">基础地图展示</div></div> |
− | </div><div class="video-title1"> | + | <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://mapopen-website-wiki.cdn.bcebos.com/wiki/android-loc-sdk/sdkgetAK.mov</pre> | |
− | + | </div><div class="video-title1">白天模式与黑夜模式切换</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 | |
− | + | | map.setMapStyleV2() | |
− | + | | 设置个性化地图 | |
− | </pre> | + | | [[jspopularGL/guide/custom|个性化地图]] |
+ | |} | ||
+ | </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 prettyprinted pre-and"> | ||
+ | var map = new BMapGL.Map('container'); | ||
+ | map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11); | ||
+ | map.enableScrollWheelZoom(true); | ||
+ | map.setMapStyleV2({styleJson: styleJson1}); | ||
+ | function setCustomStyle(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('light') !== -1) { | ||
+ | map.setMapStyleV2({styleJson: styleJson1}); | ||
+ | } else { | ||
+ | map.setMapStyleV2({styleJson: styleJson2}); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </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></div> | <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></div> |
2020年10月9日 (五) 14:13的版本
基础地图展示
功能场景
该示例介绍如何使用GL版API创建一张地图,并通过设置地图类型方法,展示3D地图与卫星地球地图之间的切换。
DEMO
https://mapopen-website-wiki.cdn.bcebos.com/wiki/android-loc-sdk/sdkgetAK.mov
白天模式与黑夜模式切换
核心接口
类 | 接口 | 描述 | 参考文档 |
Map | map.setMapStyleV2() | 设置个性化地图 | 个性化地图 |
核心代码
var map = new BMapGL.Map('container'); map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11); map.enableScrollWheelZoom(true); map.setMapStyleV2({styleJson: styleJson1}); function setCustomStyle(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('light') !== -1) { map.setMapStyleV2({styleJson: styleJson1}); } else { map.setMapStyleV2({styleJson: styleJson2}); } } }
复制
深色
复制成功