Как скрыть маркер и увеличить указанное место на карте, нажав на маркер? - PullRequest
0 голосов
/ 13 мая 2019

У меня есть проект, чтобы закончить, и у меня есть 1 месяц, чтобы закончить его, я очень поздно ... Я пытался делать то, что хочу, но это никогда не помогало, я новичок в Javascript… Вот что я хотел бы иметь, чтобы продолжить мой проект. Заранее извините за мой английский ...

Мне бы хотелось, чтобы при нажатии на страну появлялись маркеры (это работает), но мне также хотелось бы, чтобы при нажатии на маркер этот исчезал и увеличивал указанное место (реку, чтобы точный). И я также хотел, чтобы всплывающее окно маркера отображалось при наведении мыши, но мне это не удалось.

Я не знаю всех возможностей javascript. Но возможно ли увидеть эти вещи, если я уменьшу масштаб? (например: я вижу реку, уменьшаю масштаб до уровня страны и появляются маркеры)

Помощь значительно поможет мне в моем проекте и, надеюсь, позволит мне закончить вовремя.

Спасибо за внимание,

Вот ссылка на мой полный код, который работает до моих последних изменений: https://jsfiddle.net/Gio687351/cj9bvrg7/1/

Вот один из тестированных мной кодов:

function toggleLayerVisibility(map, selectedLayer) {
    if (selectedLayerId && selectedLayerId !== selectedLayer._leaflet_id) {
        map.eachLayer(layer => {
            if (layer._leaflet_id === selectedLayerId) geojson.resetStyle(layer);
        });
    }
    selectedLayer.setStyle({
        opacity: 0,
        fillOpacity: 0.0
        

    });
      
    selectedLayerId = selectedLayer._leaflet_id; //save identifier of a selected layer
    
map.on('zoomend', function() {
    if (map.getZoom() < 8 && map.getZoom() > 6){
            map.removemarker;
    }
    else {
        map.on('zoomend', {
          marker.on('mouseover', function(e) {  
L.marker([52.7472, -8.5087]).bindPopup('Limerick, Shannon River').addTo(map);
L.marker([53.34565, -6.32105]).bindPopup('Dublin, River Liffey').addTo(map);
L.marker([47.88363, 7.22444]).bindPopup('Soultz-Haut-Rhin, Le Rimbach').addTo(map);        }
});  }  
        
    });

1 Ответ

0 голосов
/ 22 мая 2019
...