(未显示1个用户的5个中间版本) | |||
第1行: | 第1行: | ||
{{jspopular-sidebar}} | {{jspopular-sidebar}} | ||
− | < | + | <div class="bluetitle"><div class="services-title-text">简介</div></div><div class="serve-explain-text">地图可以包含一个或多个图层,每个图层在每个级别都是由若干张图块组成的,它们覆盖了地球的整个表面。例如您所看到包括街道、兴趣点、学校、公园等内容的地图展现就是一个图层,另外交通流量的展现也是通过图层来实现的。</div><!--jsapi单独demo-代码--><div class="aloneDemo"><div dir="https://mapopen-pub-jsapi.bj.bcebos.com/jsapi/demo/addTileLayer.html"></div><div class="top_right">[http://lbsyun.baidu.com/jsdemo.htm#g0_3 DEMO详情]</div></div><div class="bluetitle"><div class="services-title-text">提供的图层</div></div><div class="serve-explain-text"> |
− | == | + | {{bluepoint}}TrafficLayer:交通流量图层。详情可见[http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a6b2 类参考]。 |
− | + | </div><div class="bluetitle"><div class="services-title-text">添加和移除图层</div></div><div class="serve-explain-text">通过map.addTileLayer方法可向地图添加图层,例如下面代码将显示北京市的交通流量。</div><pre class="prettyprint codestyle">var map = new BMap.Map("l-map"); // 创建地图实例 | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | {{bluepoint}} | + | |
− | + | ||
− | ==添加和移除图层= | + | |
− | + | ||
− | 通过map.addTileLayer方法可向地图添加图层,例如下面代码将显示北京市的交通流量。 | + | |
− | + | ||
− | < | + | |
− | + | ||
− | var map = new BMap.Map("l-map"); // 创建地图实例 | + | |
var point = new BMap.Point(116.404, 39.915); // 创建点坐标 | var point = new BMap.Point(116.404, 39.915); // 创建点坐标 | ||
map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别 | map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别 | ||
var traffic = new BMap.TrafficLayer(); // 创建交通流量图层实例 | var traffic = new BMap.TrafficLayer(); // 创建交通流量图层实例 | ||
− | map.addTileLayer(traffic); // 将图层添加到地图上 | + | map.addTileLayer(traffic); // 将图层添加到地图上 |
+ | </pre> | ||
− | |||
− | |||
若要从地图上移除图层,需要调用map.removeTileLayer方法。 | 若要从地图上移除图层,需要调用map.removeTileLayer方法。 | ||
− | + | <pre class="prettyprint codestyle">map.removeTileLayer(traffic); // 将图层移除 | |
− | < | + | </pre> |
− | map.removeTileLayer(traffic); // 将图层移除 | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + |
2021年5月7日 (五) 23:10的最后版本
简介
地图可以包含一个或多个图层,每个图层在每个级别都是由若干张图块组成的,它们覆盖了地球的整个表面。例如您所看到包括街道、兴趣点、学校、公园等内容的地图展现就是一个图层,另外交通流量的展现也是通过图层来实现的。
提供的图层
TrafficLayer:交通流量图层。详情可见类参考。
添加和移除图层
通过map.addTileLayer方法可向地图添加图层,例如下面代码将显示北京市的交通流量。
var map = new BMap.Map("l-map"); // 创建地图实例 var point = new BMap.Point(116.404, 39.915); // 创建点坐标 map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别 var traffic = new BMap.TrafficLayer(); // 创建交通流量图层实例 map.addTileLayer(traffic); // 将图层添加到地图上
若要从地图上移除图层,需要调用map.removeTileLayer方法。
map.removeTileLayer(traffic); // 将图层移除