网站开发与设计静态网页源代码网络营销技巧培训

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

前言

本章是OpenLayers综合实战案例，使用OpenLayers结合下拉菜单实现城市切换，动态切换城市边界到地图视图视角范围内。
本章需要使用到ElementUI的下拉框组件和OpenLayers的TopoJson格式解析地市边界数据并负责渲染，通过动态创建style样式来切换城市区划边界高亮效果。

本章是综合实战案例，代码稍稍有些复杂，对于新入门读者可能难以上手，因此下面提供本文中使用到的技术知识点，方便大家拆分参考，本章涉及到的知识点如下：

1. 如何从vue项目中加载assets资源目录中的TopoJson格式数据
   OpenLayers入门，OpenLayers从vue的assets资源路径加载TopoJson文件并解析数据叠加到地图上，以加载世界各国边界为例
2. 调整地图可视范围到多边形边界
   Openlayers入门，Openlayers调整地图可视范围到多个点组成的多边形边界，可视范围缩放到多个点的中心点

<