OpenLayers简述
OpenLayers是用于制作交互式Web地图的开源客户端JavaScript类库,制作的地图几乎可以在所有的浏览器中查看。它可以显示从任何来源加载的地图图块,矢量数据和标记。OpenLayers的开发旨在进一步利用各种地理信息。
官网:https://openlayers.org/,在这里可以查找相关api的说明以及实例。
通过OpenLayers加载geoJson文件
获取geoJson文件
参考这篇文章,通过QGIS将osm文件转化为geoJson格式文件。
加载文件
一开始在网上找到的openlayers类库,发现都无法运行,后来多番查找,终于找到了可以运行成功的类库。如果无法加载类库的话,可以通过下载openlayers的js文件,本地引用一下就好。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta charset="utf-8"/>
<title>加载GeoJSON</title>
<script src="https://openlayers.org/en/v5.3.0/