根据地址⽣成客户地图及热⼒图(百度地图API)先看效果图:
使⽤百度地图API实现,⽬的很简单,因为经常会分析客户地图,通过客户居住/⼯作地址,⾃动⽣成标记点和热⼒图,做销售的朋友都懂,这可能是家常便饭。
要⽤到两个百度的API
<script type="text/javascript" src="api./api?v=2.0&ak=你的KEY"></script>电话用英语怎么读
<script type="text/javascript" src="api./library/Heatmap/2.0/src/Heatmap_min.js"></script>
一番洗清秋⽣成地图:
var map = new BMap.Map("container"); // 创建地图实例
var point = new BMap.Point(106.565336,29.561708);
专业创造价值ableScrollWheelZoom(); // 允许滚轮缩放
提交按钮的函数:核⼼是获取⽂本框的内容,转化为数组,传⼊geocodeSearch函数进⾏地址转化为
坐标
function bdGEO(){
ElementById('input').value.split('\n');
if (index < adds.length) {
var add = adds[index];
geocodeSearch(add);
index++;
};
}
延庆观转化为坐标函数:将地址转化为坐标,传⼊标记⽣成函数addMarker,同时记录在points⽅便后⾯⽣成热⼒图
function geocodeSearch(add){
if(index < adds.length){
tTimeout(window.bdGEO,400);
}
if (point) {广东工程职业学院
var address = new BMap.Point(point.lng, point.lat);
var obj = {};
obj["lng"] = address.lng;
obj["lat"] = address.lat;
obj["count"] = "50";
points.push(obj);
室内空气净化器addMarker(address,new BMap.Label(index+":"+add,{offt:new BMap.Size(10,-10)}));
}
}, "重庆市");
}
⽣成标记点函数:
function addMarker(point,label){
var marker = new BMap.Marker(point);
map.addOverlay(marker);
//marker.tLabel(label); 我没⽣成⽂字,所以注释掉了
}
热⼒图初始化:
heatmapOverlay = new BMapLib.HeatmapOverlay({"radius":50});
map.addOverlay(heatmapOverlay);
显⽰热⼒图函数:重点是⽤刚刚⽣成标记的时候记录的points作为热⼒⽣成的data立春的含义
function openHeatmap(){
heatmapOverlay.tDataSet({data:points,max:100});
heatmapOverlay.show();
}日语祝福语
隐藏热⼒图函数:
function cloHeatmap(){
heatmapOverlay.hide(); }