質問編集履歴
2
表記ミス
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("/
|
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追記
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
|
+
```
|