文章目录
- Lazy Source(按需加载数据源)
- Advanced Mapbox Vector Tiles(高级Mapbox矢量瓦片)
- Mapbox Vector Tiles(Mapbox矢量瓦片)
- Timezones in KML(KML时区)
- Measure(测量)
- OSM Vector Tiles(OSM矢量瓦片)
- Overlay(覆盖层)
- Custom Overview Map(自定义鹰眼地图)
- Full Screen Control with extended source element(全屏控件扩展)
- Popup(Popup弹窗)
- Semi-Transparent Layer(半透明图层)
Lazy Source(按需加载数据源)
Advanced Mapbox Vector Tiles(高级Mapbox矢量瓦片)
Mapbox Vector Tiles(Mapbox矢量瓦片)
Timezones in KML(KML时区)
Measure(测量)
OSM Vector Tiles(OSM矢量瓦片)
一个简单的Mapzen矢量瓦片地图。本示例使用TopoJSON格式的layerName选项来确定样式图层(“水”,“道路”,“建筑物”)。注意:[ ol/format/MVT]是用于矢量切片的更为有效的格式。
案例链接
Overlay(覆盖层)
Custom Overview Map(自定义鹰眼地图)
此示例演示如何使用其支持的选项以及定义自定义CSS来定制Overviewmap控件。您也可以使用Shift键旋转地图,以查看概览地图的反应。
案例链接
Full Screen Control with extended source element(全屏控件扩展)
Popup(Popup弹窗)
单击地图以弹出。弹出窗口由一些基本元素组成:一个容器,一个关闭按钮以及一个放置内容的位置。要将弹出窗口锚定到地图,将ol/Overlay使用弹出容器创建一个。为地图click事件注册了一个侦听器以显示弹出窗口,并且将另一个侦听器设置为click关闭按钮以隐藏弹出窗口的处理程序。
案例链接
Semi-Transparent Layer(半透明图层)
本示例将在OSM背景上半透明地显示平铺的MaxBox图层。通过使用CSS过滤器,OSM层变为黑白。
案例链接