OpenLayers3加载Geojson文件

最新推荐文章于 2024-08-13 08:53:37 发布

lu18225857116

最新推荐文章于 2024-08-13 08:53:37 发布

阅读量1.3w

点赞数 2

分类专栏： OpenLayers

本文链接：https://blog.csdn.net/lu18225857116/article/details/51545573

版权

本文档详细介绍了如何利用OpenLayers3（v3.16.0）加载并显示Geojson文件。首先引入OL3的JS和CSS文件，创建地图的div元素。接着创建两个图层，一个是OSM底图，另一个用于加载Geojson数据。在Geojson图层中设置数据源，包括投影方式、文件路径和GeoJSON解析器。最后配置地图对象，包括图层、中心点、缩放级别等。当出现无法读取Geojson文件的问题时，可通过在IIS中配置Mime类型或修改web.config解决。

摘要由CSDN通过智能技术生成

1.引入OL3的js文件和css文件

2. 地图的div控件

3.首先加载地图，然后加载geojson文件

var vectorone = new ol.layer.Tile({
source: new ol.source.OSM()

});
//加载geojson数据
var GeoJsonLayer = new ol.layer.Vector({
title: 'add Layer',
source: new ol.source.Vector({
projection: 'EPSG:4326',
url: './geojson/countries.geojson',
format:new ol.format.GeoJSON()
})
});

4. //加载地