0
A
回答
2
这当然是可能的。
现在解决方案取决于您是想使用D3来绘制英国,还是想从Tile Server中获取它。
在后一种情况下,有一个比xmojmr评论中链接中提出的更新的解决方案。
见Prevent tiles outside of polygon from loading
的想法是使用TileLayer.BoundaryCanvas plugin,你可以指定一个以GeoJSON boundary
选项可以隐藏一切,是不是GeoJSON的几何图形内。
BoundaryCanvas是Leaflet映射库的插件,用于绘制任意边界的平铺栅格图层。 HTML5画布用于渲染。
现场演示用粗糙的英国形状://计算器:
var map = L.map("map");
$.getJSON('https://cdn.rawgit.com/johan/world.geo.json/34c96bba/countries/GBR.geo.json').then(function(geoJSON) {
var osm = new L.TileLayer.BoundaryCanvas("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
boundary: geoJSON,
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors, UK shape <a href="https://github.com/johan/world.geo.json">johan/word.geo.json</a>'
});
map.addLayer(osm);
var ukLayer = L.geoJSON(geoJSON);
map.fitBounds(ukLayer.getBounds());
});
#map {
height: 500px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<script src="https://unpkg.com/[email protected]/dist/leaflet-src.js"></script>
<script src="https://cdn.rawgit.com/aparshin/leaflet-boundary-canvas/f00b4d35/src/BoundaryCanvas.js"></script>
<div id="map"></div>
相关问题
- 1. Google图表:只显示某个国家
- 2. Mapbox:在底图上只显示一个国家?
- 3. 我只想要一个国家一行?
- 4. jvectormap如何显示只有1个国家
- 5. 国家对象不显示
- 6. 国家selction货币显示
- 7. Jvectormap突出显示多个国家
- 8. 有没有方法在Google地图中显示单个国家/地区?它应该只有一个国家,不包括其他国家的零件
- 9. Leafletjs - GeoJSON图层不显示
- 10. 只有在谷歌地图显示国家边界
- 11. 我可以在GoogleMaps中显示一个国家(屏蔽掉)吗?
- 12. Datalist没有显示国家列表
- 13. 在jVectorMap中显示国家/州数据
- 14. Geotarget除一个国家以外的所有国家
- 15. .htaccess:阻止除一个国家以外的所有国家
- 16. 如何将帖子仅显示给1个或2个国家
- 17. 在QGIS我想不是每个国家显示每个区域一个饼图
- 18. 显示制造商国家Prestashop 1.6电子商务页面的国家名称
- 19. Angular Select 2显示国家与各自的国家下拉菜单
- 20. 显示大陆地图和放大显示国家
- 21. PHP花名册只显示一个玩家点击
- 22. 显示表属于belongs_to表的商店数据国家,在国家视图中显示
- 23. 如何显示谁拥有同一时间在一个列表国家
- 24. 显示作为同一国家的四个选项中的两个
- 25. 显示的国家不构成查询的一部分 - mysql
- 26. VirtueMart - 限制交付给所有国家,但只有一个?
- 27. WordPress的:货到付款只限于一个国家
- 28. 如何限制谷歌地方只限于一个国家
- 29. 限制WooCommerce中只有一个国家的航运班
- 30. 在Google地图中突出显示整个国家
[图的点心/隐藏其余各地国leaflet.js(HTTPS的可能的复制。 COM /问题/ 25652189 /暗淡隐藏休息-的地图 - 环绕 - 国家与小叶-JS) – xmojmr