openlayers读取KML并显示在地图上

最新推荐文章于 2025-07-06 23:39:56 发布

Make_GIS_Simple

最新推荐文章于 2025-07-06 23:39:56 发布

阅读量5.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： GIS开发 openlayers 文章标签： openlayers kml

本文链接：https://blog.youkuaiyun.com/GIS_Lyn/article/details/84787431

在ol里面读取KML文件时，如果style总是不对，需要设置一个重要的属性 extractStyles: false

不多说了，上代码示例

 var projection = ol.proj.get('EPSG:3857');
        var map = new ol.Map({
            target: 'map',
            view: new ol.View({
                center: ol.proj.transform([104.06, 30.67], 'EPSG:4326', 'EPSG:3857'),
                zoom: 7,
                projection: projection,
            })
        });
        var layer = new ol.layer.Tile({
            title: "基础地图",
            source: new ol.source.TileArcGISRest({
                url: 'http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer'
            })
        });
        map.addLayer(layer);
 
var styles = new ol.style.Style({
            fill: new ol.style.Fill({
                color: 'rgba(245, 0, 255, 0.5)'
            }),
            stroke: new ol.style.Stroke({
                color: '#ffcc33',
                width: 2
            })
        }