根据地址生成客户地图及热力图(百度地图API)

更新时间:2023-07-14 08:05:46 阅读: 评论:0

根据地址⽣成客户地图及热⼒图(百度地图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();    }

本文发布于:2023-07-14 08:05:46,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1095791.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:地图   函数   转化
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图