【【06】openlayers 切片图层】的更多相关文章

【06】openlayers 切片图层

创建地图: //OSM图层 let source = new ol.source.OSM() //切片图层tilelayer let layers = new ol.layer.Tile({ source: source,//图层来源 opacity:1,//透明度,默认为1 visible:true,//是不显示,默认true extent:[100,34,103,36],//可选参数,图层渲染范围,[minLon,minLat,maxLon,maxLat] zIndex:1,//图层渲染索引…

【07】openlayers 矢量图层

创建地图: //创建地图 var map = new ol.Map({ //设置显示地图的视图 view: new ol.View({ center: [0, 0],//义地图显示中心于经度0度,纬度0度处 zoom: 1 //定义地图显示层级为1 }), //创建地图图层 layers: [ //创建一个使用Open Street Map地图源的瓦片图层 new ol.layer.Tile({ source: new ol.source.OSM() }) ], //让id为map的div作为地…

openlayers自定义图层控制的实现

好久没写博文了,今天出来冒个泡. 最近一直在考虑一件事情,那就是openlayers中自定义wms的图层控制.用过openlayers的人都知道,在openlayers中有自带的图层控制的控件,调用方法也很简单: map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':true}));//图层控制 但是,不论是从操作的方便程度还是美观性方面考虑,自带的图层控制是无法满足需求的,考虑了一段时间,今天终于有时间实现了,下面就说…

ArcGIS api for javascript——图层-创建定制的切片图层类型的图层

描述 本例展示了如何创建一个定制图层,该图层访问来自WEB服务器的地图切片.这种方式最通用的用途是检索ArcGIS Server 9.2切片缓存或web上的其他地图切片服务.尽管本例使用的是一个ArcGIS Server 9.3服务,这仅仅是为了示范.当从9.3和更高版本时,最好使用ArcGISTileMapServiceLayer. 首先,代码声明一个继承esri.layers.TiledMapServiceLayer的定制的图层my.PortlandTiledMapServiceLayer.…

openlayers筛选图层

很多时候需要筛选图层,例如选择交互(ol.interaction.Select). 图片来自官方:https://openlayers.org/en/v4.6.5/apidoc/ol.interaction.Select.html 例如: selectClickInteraction = new ol.interaction.Select({ condition: ol.events.condition.click, style: changeStyle, //multi:true, //lay…

Openlayers 3 图层探查功能

<body> <div id="map"></div> <script> var map=new ol.Map({ target:"map", layer:[], view:new ol.View({ center:ol.proj.fromLonLat([-109,46.5]), zoom:6 }) }); var key= "AuUKioHoVzV-16Ep0yv6ay21ixWZ5OZ7jDs-k7g03…

openlayers 各种图层，持续更新

/*高德地图*/ var vectorLayerLine = new ol.layer.Tile({ source: new ol.source.XYZ({ urls: [ "http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}", "http://webrd02.is.autonavi.com/…

【05】openlayers 网格图层

效果: 创建地图: //创建地图 var map = new ol.Map({ //设置显示地图的视图 view: new ol.View({ projection: 'EPSG:4326', //投影方式 center: [108, 34], //定义初始显示位置 zoom: 3 //定义地图显示层级 }), //创建地图图层 layers: [ //创建一个使用Open Street Map地图源的瓦片图层 new ol.layer.Tile({ source: new ol.source.…

【09】openlayers 图片图层

效果:  创建地图: var map = new ol.Map({ //设置显示地图的视图 view: new ol.View({ projection:'EPSG:4326',//投影方式 center: [108, 34],//定义初始显示位置 zoom: 3 ,//定义地图显示层级 }), //创建地图图层 layers: [ //创建一个使用Open Street Map地图源的瓦片图层 new ol.layer.Tile({ source: new ol.source.OSM() })…

ArcGIS api for javascript——合并切片和动态图层

描述 这个示例加入一个通过ArcGISTiledMapServiceLayer表示的cachedArcGIS Server地图服务,和一个通过ArcGISDynamicMapServiceLayer表示的非缓存服务到同一个地图. 图层顺序由map.addLayer方法调用的顺序决定.第一个被增加的图层被放置在下方.后来的图层放置在上面. 在这个示例中,动态图层被在切片图层的上面.动态图层放置在切片图层上方是常用的方案,因为基础地图数据通常适合用ArcGIS Server的地图缓存而覆盖图经常需要…