首页 > 其他 > 详细

Openlayers 3 热力图

时间:2016-11-17 19:32:37      阅读:1915      评论:0      收藏:0      [点我收藏+]
<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>

技术分享

Openlayers 3 热力图

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

(2)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!