php 离线 热力图,离线地图

动态热力图源代码展示

*{

padding: 0;

margin: 0;

}

html,body,#map{

width: 100%;

height: 100%;

}

// 软件配置信息地址,软件安装完成之后使用本地地址,如:http://localhost:9000

BM.Config.HTTP_URL = 'http://www.bigemap.com:9000';

// 在ID为map的元素中实例化一个地图,并设置地图的ID号为 bigemap.arcgis-satellite,ID号程序自动生成,无需手动配置,并设置地图的投影为百度地图 ,中心点,默认的级别和显示级别控件

var map = BM.map('map', 'bigemap.amap-satellite', { center: [0, 0], zoom: 2, zoomControl: true,attributionControl:false });

// var points=addressPoints.map(function (p) { return [p[0], p[1]]; });

var points=[];

for(var i=0;i<1000;i++){

points.push(getRandomLatLng());

}

var heat = BM.heatLayer(points,{minOpacity:0.5}).addTo(map);

function getRandomLatLng() {

var min = {lat:30.0,lng:103.194},

max = {lat:30.66,lng:104.399},

lngSpan = max.lng - min.lng,

latSpan = max.lat - min.lat;

return new BM.LatLng(

min.lat + latSpan * Math.random(),

min.lng + lngSpan * Math.random());

}

//添加一个状态判断

var draw = true;

//添加三个事件来判断

map.on({

movestart: function () { draw = false; },

moveend: function () { draw = true; },

mousemove: function (e) {

if (draw) {

//将数据添加起来

heat.addLatLng(e.latlng);

}

}

})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
(function(w){     // the heatmapFactory creates heatmap instances     var heatmapFactory = (function(){     // store object constructor     // a heatmap contains a store     // the store has to know about the heatmap in order to trigger heatmap updates when datapoints get added     var store = function store(hmap){         var _ = {             // data is a two dimensional array             // a datapoint gets saved as data[point-x-value][point-y-value]             // the value at [point-x-value][point-y-value] is the occurrence of the datapoint             data: [],             // tight coupling of the heatmap object             heatmap: hmap         };         // the max occurrence - the heatmaps radial gradient alpha transition is based on it         this.max = 1;         this.get = function(key){             return _[key];         };         this.set = function(key, value){             _[key] = value;         };     }设置热力图展现的详细数据, 实现之后,即可以立刻展现 @param {Json Object } data{"<b>max</b>" : {Number} 权重的最大值,<br />"<b>data</b>" : {Array} 坐标详细数据,格式如下 <br/>{"lng":116.421969,"lat":39.913527,"count":3}, 其中<br/>lng lat分别为经纬度, count权重值添加势力图的详细坐标点@param {Number} lng 经度坐标@param {Number} lat 经度坐标@param {Number} count 经度坐标
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值