Leafletのマーカーポップアップを外部の要素をクリックすると表示させたいのですが、namePopup(argument)の引数argumentをどうしたらいいか分かりません。
やりたいことに近いものはgooglemapですが
http://googlemaps.googlermania.com/google_maps_api_v2/ja/map_example_5.html
になります。
leafletリファレンスに
openPopup(<Popup> popup)
というものがあったのですが、どう使って良いかわかりません、
アドバイスを頂けたら幸いです。
javascript
1<html> 2<head> 3<title>Leaflettest</title> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" /> 6<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script> 7<style type="text/css"> 8 #map { height: 500px; with: 500px} 9</style> 10 11</head> 12 13<body> 14<div id="map" style="width: 600px; height: 400px"></div> 15<div id="text_control"> 16 <p><div onclick="namePopup(argument)">clicktest ここをクリックするとclicktestのポップアップが開く、再度クリックかお店の名前がクリックされると閉じる</div></p> 17 <p><div onclick="namePopup(argument)">お店の名前 ここをクリックするとお店の名前のポップアップが開く、再度クリックかお店の名前がクリックされると閉じる</div></p> 18</div> 19<script> 20 var map = L.map('map').setView([35.500000, 138.000000], 8); 21 22 var tiles = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { 23 maxZoom: 18, 24 attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' 25 }); 26 27 function namePopup(argument) { 28 console.log("argument"); 29 } 30 31 map.addLayer(tiles); 32 L.marker([35.500000, 138.000000]).bindPopup("clicktest").addTo(map); 33 L.marker([35.700000, 138.200000]).bindPopup("お店の名前").addTo(map); 34 35</script> 36 37</body> 38</html> 39
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/01/16 16:58