专栏目录:
OpenLayers实战进阶专栏目录
前言
本篇文章通过国内的省、自治区和直辖市的GeoJson数据作为行政区划边界数据,然后根据用户定位位置,通过OpenLayers计算得到用户所在行政区划,并使用OpenLayers高亮显示用户所在行政区划边界。
本章是综合应用场景,所以代码稍稍有些复杂,对于新入门读者可能难以上手,因此下面提供本文中使用到的技术,方便大家拆分参考,容易上手:
-
加载GeoJson数据渲染行政区划边界参考文章
OpenLayers入门,OpenLayers如何加载GeoJson数据并叠加到OpenLayers矢量图层上 -
获取用户定位位置参考文章
OpenLayers实战,Openlayers获取浏览器当前用户的经纬度位置并定位到对应位置 -
行政区划边界显示参考文章
OpenLayers入门,OpenLayers从vue的assets资源路径加载geojson文件并解析数据叠加到地图上