|
@@ -122,12 +122,6 @@ onMounted(async () => {
|
|
|
mapOptions.value = list.map((ele) => {
|
|
|
return { ...ele, label: ele.name, mapUrl: JSON.parse(ele.mapUrl) };
|
|
|
});
|
|
|
- // layerList.map(ele => {
|
|
|
- // console.log("mapOptions", layerList, L.tileLayer(ele.url));
|
|
|
- // return {...ele, layer: L.tileLayer(ele.url)}
|
|
|
- // })
|
|
|
- // mapOptions.value = layerList
|
|
|
- console.log("mapId", list[0], mapOptions.value[0].mapUrl[0].tempUrl);
|
|
|
if(route.name == 'drawShareFile'){
|
|
|
caseInfoData.value = {
|
|
|
mapUrl : mapOptions.value[0].mapUrl[0].tempUrl,
|
|
@@ -138,9 +132,7 @@ onMounted(async () => {
|
|
|
}
|
|
|
mapName.value.mapId = caseInfoData.value.mapId;
|
|
|
mapName.value.mapUrl = caseInfoData.value.mapUrl;
|
|
|
-// const layer = L.tileLayer(
|
|
|
-// caseInfoData.value.mapUrl || mapOptions.value[0].mapUrl[0].tempUrl,
|
|
|
-// );
|
|
|
+
|
|
|
console.log("mapOptions", mapOptions.value, caseInfoData.value);
|
|
|
let center = [22.61, 113.05];
|
|
|
if (caseInfoData.value.latAndLong) {
|
|
@@ -182,11 +174,15 @@ onMounted(async () => {
|
|
|
map.panTo([latitude, longitude]);
|
|
|
// map.add(clickMarker);
|
|
|
});
|
|
|
- mapOptions.value.map((ele) => {
|
|
|
- baseLayers[ele.label] = L.tileLayer(ele.mapUrl[0].tempUrl);
|
|
|
- map.addLayer(baseLayers[ele.label]);
|
|
|
- });
|
|
|
- L.control.layers(baseLayers).addTo(map);
|
|
|
+ map.addLayer(layer);
|
|
|
+ // const layer = L.tileLayer(
|
|
|
+ // caseInfoData.value.mapUrl || mapOptions.value[0].mapUrl[0].tempUrl,
|
|
|
+ // );
|
|
|
+ // mapOptions.value.map((ele) => {
|
|
|
+ // baseLayers[ele.label] = L.tileLayer(ele.mapUrl[0].tempUrl);
|
|
|
+ // map.addLayer(baseLayers[ele.label]);
|
|
|
+ // });
|
|
|
+ // L.control.layers(baseLayers).addTo(map);
|
|
|
map.on("baselayerchange", function (event) {
|
|
|
let item = mapOptions.value.find((ele) => ele.label == event.name);
|
|
|
mapName.value = {
|