Javascript I'；m使用jQuery在传单地图中插入位置标记。但是，当我试图通过单击链接来插入位置标记时，它会给我带来错误_Javascript_Jquery_Leaflet

Javascript I'；m使用jQuery在传单地图中插入位置标记。但是，当我试图通过单击链接来插入位置标记时，它会给我带来错误

javascript jquery leaflet

Javascript I'；m使用jQuery在传单地图中插入位置标记。但是，当我试图通过单击链接来插入位置标记时，它会给我带来错误,javascript,jquery,leaflet,Javascript,Jquery,Leaflet,我得到的错误是“未捕获错误：映射容器已初始化。” 函数placethemarks（）使用另一个函数pullJson（）加载数据，该函数通过单击相应的链接来分割我希望在地图上显示的数据。如何解决此错误 $(window).load(function(){ var element = $('#mapPage'); element.height(element.height() - 42);

我得到的错误是“未捕获错误：映射容器已初始化。”
函数placethemarks（）使用另一个函数pullJson（）加载数据，该函数通过单击相应的链接来分割我希望在地图上显示的数据。如何解决此错误

$(window).load(function(){                 
         var element = $('#mapPage');         
         element.height(element.height() - 42);             
         var map = L.map('map').setView([44.493889, 11.342778], 13);          
         L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',               
         attributionControl = false).addTo(map);         

    });


function placethemarks(){
 var jsondata = pullJsonData();
         var marker_art = new Array();
         var marker_museum = new Array();   

        for(var a in jsondata){
            var tipocat = jsondata[a].type; 

            if(tipocat=='artwork') {
                storeCoordinate(jsondata[a].geometry.coordinates[0], jsondata[a].geometry.coordinates[1], marker_art);
            }
            else if(tipocat == 'arts_centre'||tipocat == 'museum' ) {
                storeCoordinate(jsondata[a].geometry.coordinates[0], jsondata[a].geometry.coordinates[1], marker_museum);
            }
         }

        var marker_array = []; 
         for (var i = 0; i < marker_art.length; i++) {
          var x = marker_art[i].x;
          var y = marker_art[i].y;
          var arr = [y,x];
          marker_array.push(arr);

         }

         for(var i = 0; i < marker_array.length-1; i++){
                   new L.marker(marker_array[i]).addTo(map);
         }

      }

$（窗口）.load（函数（）{
var元素=$（“#映射页”）；
元素高度（元素高度（）-42）；
var map=L.map（'map'）.setView（[44.493889,11.342778]，13）；
L.tileLayer（'http://{s}.tile.osm.org/{z}/{x}/{y}.png'，
AttributeOnControl=false）.addTo（映射）；
});
函数placethemarks（）{
var jsondata=pullJsonData（）；
var marker_art=新数组（）；
var marker_museum=新数组（）；
用于（jsondata中的变量a）{
var tipocat=jsondata[a]。类型；
如果（tipocat=='artwork'）{
storeCoordinate（jsondata[a].geometry.coordinates[0]，jsondata[a].geometry.coordinates[1]，marker\u art）；
}
否则，如果（蒂波卡特=‘艺术中心’| |蒂波卡特=‘博物馆’）{
storeCoordinate（jsondata[a].geometry.coordinates[0]，jsondata[a].geometry.coordinates[1]，marker_museum）；
}
}
var-marker_数组=[]；
对于（变量i=0；i


艺术
博物馆
我最终解决了这个问题，只需在代码中添加我必须添加的传单地图。现在，当我点击按钮时，我看到地图上添加了地标。Hese是代码：
  <div id = "butt">
        <button type="button" onClick = placeTheMarks()>Place The Marks!</button>
        </div>

     <script>
         function placeTheMarks(){       

           // I take the data from another page 
           var json = JSON.parse(window.sessionStorage.getItem('response'));

             var marker_art = new Array();
             var marker_museum = new Array();   
             for(var a in json){
                var tipocat = json[a].type; 

                if(tipocat=='artwork') {
                    storeCoordinate(json[a].geometry.coordinates[0], json[a].geometry.coordinates[1], marker_art);
                }
                else if(tipocat == 'arts_centre' || tipocat == 'museum' ) {
                    storeCoordinate(json[a].geometry.coordinates[0], json[a].geometry.coordinates[1], marker_museum);
                }
             }
            var marker_array = []; 
             for (var i = 0; i < marker_art.length; i++) {
              var x = marker_art[i].x;
              var y = marker_art[i].y;
              var arr = [y,x];
              marker_array.push(arr);

             }

             for(var i = 0; i < marker_array.length-1; i++){
                       new L.marker(marker_array[i]).addTo(map);
             }
         }

            var map = L.map('map').setView([44.7215826, 10.624086], 12);

             L.tileLayer("http://a.tile.openstreetmap.org/{z}/{x}/{y}.png", {
                attribution: 'Map data&copy; OpenStreetMap contributors'
               }).addTo(map);

            </script>


标记！
函数placeTheMarks（）{
//我从另一页获取数据
var json=json.parse（window.sessionStorage.getItem（'response'）；
var marker_art=新数组（）；
var marker_museum=新数组（）；
for（json中的var a）{
var tipocat=json[a]。类型；
如果（tipocat=='artwork'）{
storeCoordinate（json[a].geometry.coordinates[0]，json[a].geometry.coordinates[1]，marker\u art）；
}
否则，如果（蒂波卡特=‘艺术中心’| |蒂波卡特=‘博物馆’）{
storeCoordinate（json[a].geometry.coordinates[0]，json[a].geometry.coordinates[1]，marker_museum）；
}
}
var-marker_数组=[]；
对于（变量i=0；i
我最终解决了这个问题，只需在代码中添加我必须添加的传单地图。现在，当我点击按钮时，我看到地图上添加了地标。Hese是代码：
  <div id = "butt">
        <button type="button" onClick = placeTheMarks()>Place The Marks!</button>
        </div>

     <script>
         function placeTheMarks(){       

           // I take the data from another page 
           var json = JSON.parse(window.sessionStorage.getItem('response'));

             var marker_art = new Array();
             var marker_museum = new Array();   
             for(var a in json){
                var tipocat = json[a].type; 

                if(tipocat=='artwork') {
                    storeCoordinate(json[a].geometry.coordinates[0], json[a].geometry.coordinates[1], marker_art);
                }
                else if(tipocat == 'arts_centre' || tipocat == 'museum' ) {
                    storeCoordinate(json[a].geometry.coordinates[0], json[a].geometry.coordinates[1], marker_museum);
                }
             }
            var marker_array = []; 
             for (var i = 0; i < marker_art.length; i++) {
              var x = marker_art[i].x;
              var y = marker_art[i].y;
              var arr = [y,x];
              marker_array.push(arr);

             }

             for(var i = 0; i < marker_array.length-1; i++){
                       new L.marker(marker_array[i]).addTo(map);
             }
         }

            var map = L.map('map').setView([44.7215826, 10.624086], 12);

             L.tileLayer("http://a.tile.openstreetmap.org/{z}/{x}/{y}.png", {
                attribution: 'Map data&copy; OpenStreetMap contributors'
               }).addTo(map);

            </script>


标记！
函数placeTheMarks（）{
//我从另一页获取数据
var json=json.parse（window.sessionStorage.getItem（'response'）；
var marker_art=新数组（）；
var marker_museum=新数组（）；
for（json中的var a）{
var tipocat=json[a]。类型；
如果（tipocat=='artwork'）{
storeCoordinate（json[a].geometry.coordinates[0]，json[a].geometry.coordinates[1]，marker\u art）；
}
否则，如果（蒂波卡特=‘艺术中心’| |蒂波卡特=‘博物馆’）{
storeCoordinate（json[a].geometry.coordinates[0]，json[a].geometry.coordinates[1]，marker_museum）；
}
}
var-marker_数组=[]；
对于（变量i=0；i