第1行: | 第1行: | ||
{{jspopularGL-sidebar}} | {{jspopularGL-sidebar}} | ||
− | <div class="h1-title">变更地图类型</div><div id="update- | + | <div class="h1-title">变更地图类型</div><div id="update-time1">更新时间:2020年08月07日</div><div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>地图展示</span></div></div></div><div class="serve-explain-text">我们通过一个例子来说明如何创建一个简单的地图页面。下面是DEMO示例。</div><div class="aloneDemo"><div dir="https://lbs.baidu.com/jsdemo/demo/webgl0_2.htm"></div><div class="top_right">[http://lbs.baidu.com/jsdemo.htm#webgl0_2 DEMO详情]</div></div><div class="devguide"><div class="leftborderbg" style="height:5000px;"></div><div class="devguideorder"><span>1</span>参照展示地图示例创建基本地图</div><div class="devguidecenter"><pre class="prettyprint codestyle"><!DOCTYPE html> |
− | <div class="bluetitle"><div class=" | + | |
<html> | <html> | ||
<head> | <head> | ||
第23行: | 第22行: | ||
</div><div class="devguideorder"><span>2</span>变更地图类型为地球</div><div class="devguidecenter"><pre class="prettyprint codestyle">map.setMapType(BMAP_EARTH_MAP); // 设置地图类型为地球模式</pre> | </div><div class="devguideorder"><span>2</span>变更地图类型为地球</div><div class="devguidecenter"><pre class="prettyprint codestyle">map.setMapType(BMAP_EARTH_MAP); // 设置地图类型为地球模式</pre> | ||
</div></div> | </div></div> | ||
+ | <div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span></span></div></div></div> |
2022年8月19日 (五) 13:08的版本
变更地图类型
更新时间:2020年08月07日
地图展示
我们通过一个例子来说明如何创建一个简单的地图页面。下面是DEMO示例。
1参照展示地图示例创建基本地图
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} </style> <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script> <title>地球模式</title> </head> <body></body> </html> <script type="text/javascript"> // GL版命名空间为BMapGL var map = new BMapGL.Map("allmap"); // 创建Map实例 map.centerAndZoom(new BMapGL.Point(118.5, 27.5), 5); // 初始化地图,设置中心点坐标和地图级别 map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放 </script>
2变更地图类型为地球
map.setMapType(BMAP_EARTH_MAP); // 设置地图类型为地球模式