标签:跨域 矢量 geojson openlayers WFS 方法 加载
OpenLayers笔记1:加载矢量地图数据的方法以及应对跨域问题的解决方法
加载矢量地图数据的两种方法
使用OpenLayers加载矢量地图数据可以有两种方法。一是直接加载本地geojson格式的文件;二是将矢量地图数据发布到GIS服务器,然后使用OpenLayers请求WFS服务调取矢量地图数据。(以下以GeoServer为例)
这两种方法在使用时都可能会出现跨域问题(Console中以Access to XMLHttpRequest 开头的错误)。
加载本地geojson格式文件出现的跨域问题及解决方法。
加载本地geojson格式文件出现的跨域问题是因为本地直接打开的HTML页面与后端是分离的,不能够获取到json或geojson格式的数据。
解决方法也很简单,将html页面部署到web服务器上,请求http服务访问页面就行。
geojson格式的文件还得在服务器中添加对应消息内容类型。IIS是在mime 类型中,添加application/geojson。node.js直接在创建服务器代码中添加这个类型映射。
这个方法不仅仅是对OpenLayers有用,其它各种需要加载json数据或geojson数据的项目都适用,比如使用D3.js调取geojson数据。
向geoserver请求WFS服务出现的跨域问题及解决方法。
OpenLayers请求WFS服务出现跨域问题是因为你的web和GIS服务器不在一个域。
解决方法有很多种,具体可参考 Openlayers WFS跨域请求。
我认为其中最方便的就是使用jsonp。需要将GeoServer \webapps\geoserver\WEB-INF\web.xml 中的jsonp部分的注释去掉,重启GeoServer,然后可以结合ajax或者其它向GIS服务器发送对应请求,将返回的结果进行加载就可。
标签:跨域,矢量,geojson,openlayers,WFS,方法,加载 来源: https://blog.csdn.net/nolesstime/article/details/105235905
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。