赞
踩
效果如下图所示:
代码如下所示 getCenter方法获取中心点位
- //geojson数据显示
- var lakeLayer = L.geoJson(geojson, {
- style: {
- weight: 2,
- opacity: 1,
- color: '#2f8ffc',
- fillOpacity: 0.2,
- fillColor: '#6ba7de'
- }
- }).addTo(map);
-
- //显示文字
- var content = "<div>名称:大官湖</div>" +
- "<div>时间:2020-05-04</div>" +
- "<div>面积:8.52 K㎡</div>";
-
- marker的icon文字
- var myIcon = L.divIcon({
- html: "<div style='color:#fff;'>"+content+"</div>",
- className: 'my-div-icon',
- iconSize: 100
- });
-
- //中心点位
- L.marker(lakeLayer.getBounds().getCenter(), { icon: myIcon}).addTo(map);
-
- //定位到geojson数据上
- map.fitBounds(lakeLayer.getBounds());
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。