前提・実現したいこと
leafletでmap作成しています(そのコードは割愛してます)
レコード88件の表示は出来ています。
そのレコードをselectboxで範囲指定で再度マーカーを表示したいのですが
発生している問題・エラーメッセージ
以下の行で TypeError: (intermediate value).bindPopup is not a functionの
エラーがでます、解決方法を御指導ください
marker[i] = L.marker([markerObj[i+a].lat, markerObj[i+a].lng],{icon: maker_icon}.bindPopup(info_content)).addTo(map);
該当のソースコード
javascript
1 2 3 4//セレクトボックスによるマーカー表示 5$('.selectbox').change(function(){ 6 7 // 選択した値を取得 8 var a , b; 9 var sel_val = $('.selectbox option:selected').val(); //val:value 10 // 県別の読み込み範囲 11 if (sel_val == "" ) { 12 a = 0, b = 87; 13 }else if (sel_val == "徳島") { 14 a = 0, b = 22; 15 }else if (sel_val == "高知") { 16 a = 23, b = 38; 17 }else if (sel_val == "愛媛") { 18 a = 39, b = 65; 19 }else if (sel_val == "香川") { 20 a = 66, b = 87; 21 } 22 23 // markerをループして全削除 24 for (var i = 0; i < marker.length; i++) { 25 if(marker[i] != null) { 26 map.removeLayer(marker[i]); 27 } 28 } 29 30 marker.length = 0; 31 32 // sidelistの削除 33 document.getElementById('sidelist').innerHTML = ""; 34 35 // markerObjをループして指定表示 36 for (var i = 0; i <= (b-a); i++) { 37 //console.log(markerObj[i+a].icon); →ok 38 39 var maker_icon = new LeafIcon({iconUrl: markerObj[i+a].icon}); 40 var info_content ='ダミー'; 41 marker[i] = L.marker([markerObj[i+a].lat, markerObj[i+a].lng],{icon: maker_icon}.bindPopup(info_content)).addTo(map); 42 43 } 44});
試したこと
補足情報(FW/ツールのバージョンなど)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。