码迷,mamicode.com
首页 > 其他好文 > 详细

Openlayers 3 热力图

时间:2016-11-17 19:34:13      阅读:1365      评论:0      收藏:0      [点我收藏+]

标签:format   transform   earth   blur   targe   rac   热力图   height   class   

<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 热力图

标签:format   transform   earth   blur   targe   rac   热力图   height   class   

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

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!