ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Openlayers简单要素的添加

2021-11-24 09:33:58  阅读:294  来源: 互联网

标签:要素 geojson1 features feature geojson 添加 Openlayers style


1. geojson数据:https://blog.csdn.net/weixin_38307752/article/details/84112566

2. 简单要素的添加:https://blog.csdn.net/xcymorningsun/article/details/83409568

二、简单要素点线面的添加

1、创建feature

2、创建style,添加source、style到layer

3、添加layer到map

通过WFS服务获取geojson数据,然后将整个geojson数据加载到vectorlayer图层中去,不过这种方法有个缺点就是不能实现自定义加载各种数据。如果需要对geojson数据中的属性进行修改添加的时候不容易控制(这在以后为每个feature在地图上同时添加气泡框功能有帮助),然后有了这篇文章。

1、创建feature

 

 

>>参考:esri-leaflet:

var loadData = function (){           $.ajax(url_link, {//leaflet/data/MegaCities.geojson    //url_link   //'leaflet/data/arcgis_json.json'               dataType: "json",               success: function(response){                 geojson1 = L.esri.Util.arcgisToGeoJSON(response);                 geoJSONLayer = L.geoJSON(geojson1);//,{onEachFeature:popUp}                 //geoJSONLayer.addTo(map);
                //第二种添加方法                 for(var i in geojson1.features){                   //alert(i);//geojson1.features[i]                   DTmap[i] = L.geoJSON(geojson1.features[i],{//response                     style:function(feature){                       return{                         color:'#FF0000',                         fillOpacity: 0.2,                         weight:3,                         dashArray:'10'                       };                     }                   }).bindTooltip("<div id='table'><ul><li>"+geojson1.features[i].properties.OBJECTID+"</li><li>" + "</li><li>",{                     direction:'top'                   }).on({                     mouseover: highlight, //鼠标移动上去高亮                     mouseout: resetHighlight, //鼠标移出恢复原样式                     click: zoomTo //点击最大化                   }).addTo(cities);                 }               }           });       }

标签:要素,geojson1,features,feature,geojson,添加,Openlayers,style
来源: https://www.cnblogs.com/2008nmj/p/15596665.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有