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. Django管理员:按国家筛选。只显示非空国家?
- 3. Mapbox:在底图上只显示一个国家?
- 4. 如何在magento网站上只显示一个国家?
- 5. 我只想要一个国家一行?
- 6. 国家selction货币显示
- 7. 国家对象不显示
- 8. jvectormap如何显示只有1个国家
- 9. 按国家显示国旗脚本
- 10. Jvectormap突出显示多个国家
- 11. 在jVectormap上显示几个国家
- 12. 获得一个国家的国家当一个国家被选中
- 13. 有没有方法在Google地图中显示单个国家/地区?它应该只有一个国家,不包括其他国家的零件
- 14. 日期在另一个国家/地区显示一天?
- 15. Leafletjs - GeoJSON图层不显示
- 16. 只有在谷歌地图显示国家边界
- 17. 限制谷歌地图API,只显示城市,州和国家
- 18. 如何只显示属于选定国家的县?
- 19. 我如何限制地图只显示选定的国家?
- 20. 是否可以只显示属于所选国家的县?
- 21. UWP MapControl,可能只显示海岸线/国家边界?
- 22. 只显示谷歌地图中的特定国家(地区)
- 23. 序言规则显示一个国家的城市名单?
- 24. 显示所有国家在哪里申请一个
- 25. 我可以在GoogleMaps中显示一个国家(屏蔽掉)吗?
- 26. 按字母顺序显示国家?
- 27. 显示国家实体的指数
- 28. 按IP显示国家标志
- 29. Javascript - IP地址显示国家
- 30. Geochart google。点击国家和显示省
[图的点心/隐藏其余各地国leaflet.js(HTTPS的可能的复制。 COM /问题/ 25652189 /暗淡隐藏休息-的地图 - 环绕 - 国家与小叶-JS) – xmojmr