Openlayers 3 热力图

最新推荐文章于 2024-06-05 23:00:00 发布

weixin_30621711

最新推荐文章于 2024-06-05 23:00:00 发布

阅读量345

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/mina-huojian66/p/6074512.html

版权

<body>
    <div id="map"></div>
    <script>
        var map = new ol.Map({  //初始化map
            target: 'map',
            layers: [
                new ol.layer.Tile({
                    source: new ol.source.OSM()
                })
            ],
            view: new ol.View({
                center: ol.proj.transform([37.41, 8.82], 'EPSG:4326', 'EPSG:3857'),
                zoom: 4
            })
        });
        var blur = document.getElementById('blur');
        var radius = document.getElementById('radius');
        var heatmap = new ol.layer.Heatmap({
            source: new ol.source.Vector({
                url: 'data/kml/2012_Earthquakes_Mag5.kml',
                projection: 'EPSG:3857',
                format: new ol.format.KML({
                    extractStyles: false
                })
            }),
            blur: 10,
            radius: 10
        });
        map.addLayer(heatmap);
     </script>
</body>

转载于:https://www.cnblogs.com/mina-huojian66/p/6074512.html

weixin_30621711

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Openlayers 3 热力图

<body> <div id="map"></div> <script> var map = new ol.Map({ //初始化map target: 'map', layers: [ new ol.layer.Tile...
复制链接

扫一扫