宣传单 - 刷新地图

时间:2017-06-25 09:31:15

标签: javascript leaflet

我知道这个问题已被提出并且之前已经回答过,但我无法成功实施这些例子。

我正在尝试通过zoomedIn()加载地图(工作正常),然后按下按钮,按zoomedOut()加载地图

然而,在zoomedOut()中,我在Map container is already initialized

之后抛出var map = new L.Map('map');

我原以为前一行if (map != undefined) { map.remove(); }会照顾到这一点。

发生了什么 - 我该如何重绘地图?

<body onLoad="javascript:zoomedIn();">
<form method = "post">
<button type="button" onclick="return zoomedOut()">Zoom Out</button>
<div id="map"</div>
</form>

<script language="javascript">
  function zoomedIn() {
     var map = new L.Map('map');
    L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
        id: 'mapbox.streets'
    }).addTo(map);
         var devon = new L.LatLng(50.900958,-3.370846);
         map.setView(devon, 7);
      }
</script>

<script language="javascript">
  function zoomedOut() {
    if (map != undefined) { map.remove(); }
    var map = new L.Map('map');
    L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
        id: 'mapbox.streets'
    }).addTo(map);
         var devon = new L.LatLng(50.900958,-3.370846);
         map.setView(devon, 1);
      }

1 个答案:

答案 0 :(得分:2)

您可以使用

std::sort

它对我有用