teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

表記ミス

2016/12/22 05:08

投稿

TJMYK
TJMYK

スコア82

title CHANGED
File without changes
body CHANGED
@@ -52,7 +52,7 @@
52
52
  # 2016/12/22 14:05追記
53
53
  ```JavaScript
54
54
  var markers = [];
55
- $.getJSON("/tomb_geo_json").done(function(data){
55
+ $.getJSON("/geo_json").done(function(data){
56
56
  var geojson = L.geoJson(data, {
57
57
  onEachFeature: function (feature, layer) {
58
58
  layer.bindPopup('テスト');

1

2016/12/22 14:05追記

2016/12/22 05:08

投稿

TJMYK
TJMYK

スコア82

title CHANGED
File without changes
body CHANGED
@@ -47,4 +47,38 @@
47
47
  #やってみたこと
48
48
  リンク先のソースコード自体は、動かすことができましたが、現状のソースコードに置き換えて試行錯誤しましたが、できませんでした。
49
49
 
50
- どうぞ、よろしくお願い申し上げます。
50
+ どうぞ、よろしくお願い申し上げます。
51
+
52
+ # 2016/12/22 14:05追記
53
+ ```JavaScript
54
+ var markers = [];
55
+ $.getJSON("/tomb_geo_json").done(function(data){
56
+ var geojson = L.geoJson(data, {
57
+ onEachFeature: function (feature, layer) {
58
+ layer.bindPopup('テスト');
59
+ markers.push(layer); // 追加
60
+ }
61
+ });
62
+ geojson.addTo(map);
63
+
64
+ function markerFunction(id){
65
+ for (var i in markers){
66
+ var markerID = markers[i].options.title;
67
+ if (markerID == id){
68
+ markers[i].openPopup();
69
+ }
70
+ }
71
+ }
72
+
73
+ $("a").click(function(){
74
+ markerFunction($(this)[0].id);
75
+ });
76
+
77
+ });
78
+ ```
79
+
80
+ ```HTML
81
+ <a id="marker_1" href="#">Marker 1</a><br>
82
+ <a id="marker_2" href="#">Marker 2</a><br>
83
+ <a id="marker_3" href="#">Marker 3</a>
84
+ ```