热力图调整
parent
d13af5806f
commit
d8b74f3420
|
|
@ -610,7 +610,7 @@
|
|||
// mapDiv?.onmouseover = function(e){
|
||||
// alert(e);
|
||||
// }
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
map = initMap();
|
||||
map.on('load', () => {
|
||||
|
||||
|
|
@ -959,7 +959,7 @@
|
|||
let splitLineString = turf.cleanCoords(turfSplitLine);
|
||||
|
||||
let splitPolygon = currentGeoJson.value;
|
||||
|
||||
|
||||
try {
|
||||
// let features = polygonCut(splitPolygon,splitLineString,0.1,"meters");
|
||||
splitPolygon?.geometry.coordinates[0].forEach((item,index)=>{
|
||||
|
|
|
|||
|
|
@ -143,7 +143,7 @@
|
|||
const emit = defineEmits(['mapOnLoad', 'mapDraw']);
|
||||
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
|
||||
map = initMap();
|
||||
map.on('load', () => {
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@
|
|||
// 地图加载完成回调
|
||||
const emit = defineEmits(['mapOnLoad', 'mapDraw']);
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
map = initMap();
|
||||
map.on('load', () => {
|
||||
//挂载mapbox-gl-utils
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ const { width, height } = props
|
|||
const mapId = `map-${uuidv4()}`
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
map = initMap();
|
||||
})
|
||||
const initMap = () => {
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ import SearchMenu from './SearchMenu/index.vue'
|
|||
import ResourceMenu from './ResourceMenu/index.vue'
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
map = initMap();
|
||||
})
|
||||
onUnmounted(() => {
|
||||
|
|
|
|||
|
|
@ -164,7 +164,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
});
|
||||
onUnmounted(() => {
|
||||
|
|
|
|||
|
|
@ -321,7 +321,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
});
|
||||
onUnmounted(() => {
|
||||
|
|
|
|||
|
|
@ -321,7 +321,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
});
|
||||
onUnmounted(() => {
|
||||
|
|
|
|||
|
|
@ -164,7 +164,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
getLoadDroneCaseInfoCount()
|
||||
.then((res) => {
|
||||
|
|
|
|||
|
|
@ -247,7 +247,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
getLoadDroneCaseInfoCount()
|
||||
.then((res) => {
|
||||
|
|
|
|||
|
|
@ -321,7 +321,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
getLoadDroneCaseInfoCount()
|
||||
.then((res) => {
|
||||
|
|
|
|||
|
|
@ -247,7 +247,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
getLoadDroneCaseInfoCount()
|
||||
.then((res) => {
|
||||
|
|
|
|||
|
|
@ -334,7 +334,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
getLoadDroneCaseInfoCount()
|
||||
.then((res) => {
|
||||
|
|
|
|||
|
|
@ -247,7 +247,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
getLoadDroneCaseInfoCount()
|
||||
.then((res) => {
|
||||
|
|
|
|||
|
|
@ -334,7 +334,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
getLoadDroneCaseInfoCount()
|
||||
.then((res) => {
|
||||
|
|
|
|||
|
|
@ -247,7 +247,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
getLoadDroneCaseInfoCount()
|
||||
.then((res) => {
|
||||
|
|
|
|||
|
|
@ -336,7 +336,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
getLoadDroneCaseInfoCount()
|
||||
.then((res) => {
|
||||
|
|
|
|||
|
|
@ -311,7 +311,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
});
|
||||
onUnmounted(() => {
|
||||
|
|
|
|||
|
|
@ -247,7 +247,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
getLoadDroneCaseInfoCount()
|
||||
.then((res) => {
|
||||
|
|
|
|||
|
|
@ -334,7 +334,7 @@
|
|||
);
|
||||
let map: Map;
|
||||
onMounted(() => {
|
||||
//mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
mapboxgl.accessToken = MapboxConfig.ACCESS_TOKEN;
|
||||
// map = initMap();
|
||||
getLoadDroneCaseInfoCount()
|
||||
.then((res) => {
|
||||
|
|
|
|||
|
|
@ -417,25 +417,25 @@ function handlerLoadHeatLayer(heatdata){
|
|||
['heatmap-density'],
|
||||
0,
|
||||
'rgba(33,102,172,0)',
|
||||
0.2,
|
||||
'rgba(51, 71, 255 ,0.7)',
|
||||
0.1,
|
||||
'rgba(51, 71, 255 ,0.1)',
|
||||
0.4,
|
||||
'rgba(51, 255, 81 ,0.7)',
|
||||
'rgba(51, 255, 81 ,0.5)',
|
||||
0.6,
|
||||
'rgba(253,219,199,0.8)',
|
||||
'rgba(253,219,199,0.6)',
|
||||
0.8,
|
||||
'rgba(255, 90, 51,0.8)',
|
||||
'rgba(255, 90, 51,0.5)',
|
||||
0.9,
|
||||
'rgba(214,34,8,0.9)',
|
||||
'rgba(214,34,8,0.6)',
|
||||
1,
|
||||
'rgba(178,24,43,1)'
|
||||
'rgba(178,24,43,0.7)'
|
||||
],
|
||||
// 'heatmap-radius': 8,
|
||||
|
||||
// 根据缩放等级设置热力图色彩 等级,热力图密度
|
||||
'heatmap-radius': [
|
||||
'interpolate',['linear'],['zoom'],
|
||||
9,5.8,
|
||||
9,5,
|
||||
10,18,
|
||||
11,20,
|
||||
12,24,
|
||||
|
|
|
|||
Loading…
Reference in New Issue