openlayers 热力图
<!DOCTYPE html> <html> <head> <title>Earthquakes Heatmap</title> <link rel="stylesheet" href="http://openlayers.org/en/v3.13.0/css/ol.css" type="text/css"> <script src="http://openlayers.org/en/v3.13.0/build/ol.js"></script> </head> <body> <div id="map" class="map"></div> <form> <label>radius size</label> <input id="radius" type="range" min="1" max="50" step="1" value="5"/> <label>blur size</label> <input id="blur" type="range" min="1" max="50" step="1" value="15"/> </form> <script> var blur = document.getElementById('blur'); var radius = document.getElementById('radius'); var vector = new ol.layer.Heatmap({ source: new ol.source.Vector({ url: 'data/kml/2012_Earthquakes_Mag5.kml', format: new ol.format.KML({ extractStyles: false }) }), blur: parseInt(blur.value, 10), radius: parseInt(radius.value, 10) }); vector.getSource().on('addfeature', function(event) { // 2012_Earthquakes_Mag5.kml stores the magnitude of each earthquake in a // standards-violating <magnitude> tag in each Placemark. We extract it from // the Placemark's name instead. var name = event.feature.get('name'); var magnitude = parseFloat(name.substr(2)); event.feature.set('weight', magnitude - 5); }); var raster = new ol.layer.Tile({ source: new ol.source.Stamen({ layer: 'toner' }) }); var map = new ol.Map({ layers: [raster, vector], target: 'map', view: new ol.View({ center: [0, 0], zoom: 2 }) }); blur.addEventListener('input', function() { vector.setBlur(parseInt(blur.value, 10)); }); radius.addEventListener('input', function() { vector.setRadius(parseInt(radius.value, 10)); }); </script> </body> </html>
专业从事基于C#,WinForm ,WPF,Silverlight,WCF以及MS Sql Server 2000/2005/2008/2012 Oracle 9i/10g/11g数据库系统的ERP,CRM,企业进销存等各种数据库管理系统开发。Asp.net,Asp.net mvc,Webservice,WCF, Webapi等服务程序开发。
基于Oracle MySQL MSSql postgresql各种数据库的管理系统数据同步服务。以及基于MapXtreme, Arcgis Engine ,以及基于Arcgis for silverlight/Javascript的WebGIS等相关的GIS系统二次开发。基于Windows 10 Mobile的移动端开发方案。针对各种系统的二次开发维护,并提供相关开发的技术性支持,如程序BUG解决,应用系统架构,技术难题攻克等相关技术服务。
联系方式: QQ :80163278(devgis) 邮箱:devgis@qq.com