OpenLayers实战，OpenLayers获取用户定位位置并高亮显示用户所在行政区划边界

专栏目录：
OpenLayers实战进阶专栏目录

前言

本篇文章通过国内的省、自治区和直辖市的GeoJson数据作为行政区划边界数据，然后根据用户定位位置，通过OpenLayers计算得到用户所在行政区划，并使用OpenLayers高亮显示用户所在行政区划边界。

本章是综合应用场景，所以代码稍稍有些复杂，对于新入门读者可能难以上手，因此下面提供本文中使用到的技术，方便大家拆分参考，容易上手：

1. 加载GeoJson数据渲染行政区划边界参考文章
   OpenLayers入门，OpenLayers如何加载GeoJson数据并叠加到OpenLayers矢量图层上

2. 获取用户定位位置参考文章
   OpenLayers实战，Openlayers获取浏览器当前用户的经纬度位置并定位到对应位置

3. 行政区划边界显示参考文章
   OpenLayers入门，OpenLayers从vue的assets资源路径加载geojson文件并解析数据叠加到地图上