openlayers 各种图层,持续更新
1 /*高德地图*/ 2 var vectorLayerLine = new ol.layer.Tile({ 3 4 source: new ol.source.XYZ({ 5 urls: [ 6 "http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}", 7 "http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}", 8 "http://webrd03.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}", 9 "http://webrd04.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}" 10 ] 11 }) 12 });
矢量图层以及样式设定
1 nodesLayer:new ol.layer.Vector({ 2 source: new ol.source.Vector({ 3 //读取geojson 的数据 4 features: (new ol.format.GeoJSON()).readFeatures(JSON.stringify(nodedata)) 5 }), 6 //根据feature属性来定样式,从来实现整体渲染,而不是进行循环操作 7 style:function(feature){ 8 9 if (feature.get("level")=="2") { 10 feature.setStyle(stylesjf2); 11 console.log("first"); 12 13 } 14 else if (feature.get("level")=="1") { 15 feature.setStyle(stylesjf1); 16 } 17 else if (feature.get("level")=="3") { 18 feature.setStyle(stylesjf3); 19 } 20 }, 21 useSpatialIndex:false 22 //style:ciclestyle 23 //style:stylesjf 24 }),
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步