質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Leaflet

Leafletは、Web上で地図を作成するためのJavaScriptライブラリ。人気のあるJavaScript地図ライブラリのうちの一つでオープンソースです。軽量でインタラクティブな地図を手軽に表示することができます。

Q&A

解決済

1回答

1380閲覧

leafletに於けるmaeker再表示

shin0859

総合スコア15

Leaflet

Leafletは、Web上で地図を作成するためのJavaScriptライブラリ。人気のあるJavaScript地図ライブラリのうちの一つでオープンソースです。軽量でインタラクティブな地図を手軽に表示することができます。

0グッド

0クリップ

投稿2019/09/05 07:12

前提・実現したいこと

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/ツールのバージョンなど)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

自己解決 カッコの場所が・・・ お騒がせしました

marker[i] = L.marker([markerObj[i+a].lat, markerObj[i+a].lng],{icon: maker_icon}.bindPopup(info_content)).addTo(map);

修正
marker[i] = L.marker([markerObj[i+a].lat, markerObj[i+a].lng],{icon: maker_icon}).bindPopup(info_content).addTo(map);

投稿2019/09/08 00:41

shin0859

総合スコア15

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問