php 离线 热力图,离线地图三维开发-热力图

热力图-源代码示例

运行

重置

body {

margin: 0;

padding: 0;

}

.bmgl-widget-credits{display:none}

#container {

position: absolute;

top: 0;

bottom: 0;

width: 100%;

}

part_test

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

var viewer = new bmgl.Viewer('container', {mapId: 'bigemap.amap-satellite'});

var heatData=[{lat:39.258476,lng:110.219918,value:42},

{lat:39.277398,lng:110.239745,value:46},

{lat:39.319952,lng:110.092288,value:39},

{lat:39.474548,lng:110.068417,value:36},

{lat:39.437506,lng:110.056819,value:38},

{lat:38.971221,lng:110.592357,value:40},

{lat:38.95199,lng:111.097213,value:41},

{lat:38.846696,lng:110.17917,value:42},

{lat:39.352112,lng:110.189824,value:33},

{lat:39.431853,lng:110.077273,value:30},

{lat:39.351684,lng:110.161226,value:43},

{lat:38.994047,lng:110.271835,value:44},

{lat:38.733172,lng:110.170308,value:45},

{lat:39.042436,lng:110.430257,value:46}]

var heatmap=new bmglHeatMap(viewer,heatData,{

radius: 30,

maxOpacity: 0.9,

minOpacity: 0.2,

blur: .75,

// gradient: {

// '.5': 'blue',

// '.8': 'red',

// '.95': ''

// }

});

viewer.flyTo(heatmap.entity);

//heatmap.remove() 删除

//heatmap.show();

//headmap.hide()

//heatmap.setData(heatData)//更新

  • 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、付费专栏及课程。

余额充值