var SGheadMapPoints = {/*obj={ maxLng: minLng: maxLat: minLat: maxCount:最大人数 minCount:最小人数 total:点位数量 }*/get: function (obj) {var arr = [];obj.maxCount || (obj.maxCount = 100);/*默认最大游客数量1000人*/obj.minCount || (obj.minCount = 0); /*默认最小游客数量0*/obj.total || (obj.total = 50);/*默认50个点位*/for (var i = 0, len = obj.total; i < len; i++) {arr.push({lng: random.getDecimal(obj.maxLng, obj.minLng), lat: random.getDecimal(obj.maxLat, obj.minLat), count: random.getInteger(obj.maxCount, obj.minCount)});}return arr;}
};/*热力图*/
function showHeatMap() {function isSupportCanvas() {var elem = document.createElement("canvas");return !!(elem.getContext && elem.getContext("2d"));}isSupportCanvas() || alert("您所使用的浏览器不能使用热力图功能~");var dt = map._map;/*长期需要修改的参数*/var zoom = 15;/*地图放大比例尺*/var center = [119.913334, 30.247953];/*景区中心坐标*/var right_top_center = [119.975245, 30.287816];/*景区右上角坐标*/var left_bottom_center = [119.879235, 30.235411];/*景区左下角坐标*/var points = SGheadMapPoints.get({maxLng: right_top_center[0],minLng: left_bottom_center[0],maxLat: right_top_center[1],minLat: left_bottom_center[1],maxCount: 100,minCount: 0,total: 50});var point = new BMap.Point(center[0], center[1]);dt.centerAndZoom(point, zoom);dt.enableScrollWheelZoom();dt.setMapType(BMAP_SATELLITE_MAP);//加载百度默认卫星地图 dt.setMapStyle({style: 'midnight'});//高端黑、酷炫风格var rlt = new BMapLib.HeatmapOverlay({"radius": 20});dt.addOverlay(rlt),rlt.setDataSet({data: points,max: 10});/*max点位扩散程度(推荐10-100,值越小越聚拢)*/
}showHeatMap();
//获取某一个cookie的值 const getCookie = key => {var k = key, dc = document.cookie;if (dc.length > 0) {var s = dc.indexOf(k + "=");if (s != -1) {s = s + k.length + 1;var e = d...
创建index.html代码如下
//自动搜索指定的请柬 var alertTipText = "请柬找到了,就在这个网页里面,自己仔细看吧"; var delay = 1 * 1000;//1秒后循环下一页寻找 /*获取子DOM元素在父元素里面的索引位置(是第几个元素)*/ function getNodeListIndex(childNode) {return c...
获取天气情况(不支持跨域) /*json原生获取*/ function getJSON() {var XML;var url = "http://wthrcdn.etouch.cn/weather_mini?city=杭州";if (window.XMLHttpRequest) {XML = new XMLHttpRequest(...
初始导入的图像过大: 使用如下代码替换: url是红色括号里面的内容;width或者height也可以设置绝对大小width="200" 最终变成:
一,效果图。 二,代码。