回答編集履歴
2
質問者様の意向によりコードを削除
test
CHANGED
@@ -30,194 +30,12 @@
|
|
30
30
|
|
31
31
|
|
32
32
|
|
33
|
-
以下、修正済みソースコードです。
|
34
|
-
|
35
|
-
(表示されたくないとのことでしたら、コメントしてください)
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
```javascript
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
$(function() {
|
44
|
-
|
45
|
-
var maps = {};
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
//map1
|
50
|
-
|
51
|
-
var currentWindow = null;
|
52
|
-
|
53
|
-
function initialize() {
|
54
|
-
|
55
|
-
var myOptions = {
|
56
|
-
|
57
|
-
zoom: 15,
|
58
|
-
|
59
|
-
center: new google.maps.LatLng(41.009043, 28.977850),
|
60
|
-
|
61
|
-
mapTypeId: google.maps.MapTypeId.ROADMAP
|
62
|
-
|
63
|
-
};
|
64
|
-
|
65
|
-
var map = new google.maps.Map(document.getElementById("map_canvas_01"),myOptions);
|
66
|
-
|
67
|
-
var markers = [
|
68
|
-
|
69
|
-
['<div class="info_win"><p>情報ウィンドウ01</p><a href="#">詳細はこちら</a></div>' ,41.009043, 28.977850],
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
];
|
74
|
-
|
75
|
-
for (var i = 0; i < markers.length; i++) {
|
76
|
-
|
77
|
-
var name = markers[i][0];
|
78
|
-
|
79
|
-
var latlng = new google.maps.LatLng(markers[i][1],markers[i][2]);
|
80
|
-
|
81
|
-
var icons = 'http://akptfro.boo.jp/ico_hotel.png';
|
82
|
-
|
83
|
-
createMarker(name,latlng,icons,map);
|
84
|
-
|
85
|
-
}
|
86
|
-
|
87
|
-
var markers = [
|
88
|
-
|
89
|
-
['<div class="info_win"><p>情報ウィンドウ02</p><br><a href="#">詳細はこちら</a></div>' ,41.006379, 28.979764]
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
];
|
94
|
-
|
95
|
-
for (var i = 0; i < markers.length; i++) {
|
96
|
-
|
97
|
-
var name = markers[i][0];
|
98
|
-
|
99
|
-
var latlng = new google.maps.LatLng(markers[i][1],markers[i][2]);
|
100
|
-
|
101
|
-
var icons = 'http://akptfro.boo.jp/ico_spot.png';
|
102
|
-
|
103
|
-
createMarker(name,latlng,icons,map);
|
104
|
-
|
105
|
-
}
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
//map2
|
110
|
-
|
111
|
-
var mapOptions = {
|
112
|
-
|
113
|
-
center: new google.maps.LatLng(35.391289,136.722107),
|
114
|
-
|
115
|
-
zoom: 10,
|
116
|
-
|
117
|
-
mapTypeId: google.maps.MapTypeId.ROADMAP
|
118
|
-
|
119
|
-
};
|
120
|
-
|
121
|
-
maps['#panel2'] = new google.maps.Map(document.getElementById("map_canvas_02"), mapOptions);
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
var markers = [
|
126
|
-
|
127
|
-
['<div class="info_win"><p>情報ウィンドウ</p><img src="images/o_hotel01.jpg"><br><a href="#o_h_001">詳細はこちら</a></div>',35.179982,136.906815]
|
128
|
-
|
129
|
-
];
|
130
|
-
|
131
|
-
for (var i = 0; i < markers.length; i++) {
|
132
|
-
|
133
|
-
var name = markers[i][0];
|
134
|
-
|
135
|
-
var latlng = new google.maps.LatLng(markers[i][1],markers[i][2]);
|
136
|
-
|
137
|
-
var icons = 'http://akptfro.boo.jp/ico_hotel.png';
|
138
|
-
|
139
|
-
createMarker(name,latlng,icons,maps['#panel2']);
|
140
|
-
|
141
|
-
}
|
142
|
-
|
143
|
-
var markers = [
|
144
|
-
|
145
|
-
['<div class="info_win"><p>情報ウィンドウ03</p><a href="#">詳細はこちら</a></div>' ,34.730327,136.507874]
|
146
|
-
|
147
|
-
];
|
148
|
-
|
149
|
-
for (var i = 0; i < markers.length; i++) {
|
150
|
-
|
151
|
-
var name = markers[i][0];
|
152
|
-
|
153
|
-
var latlng = new google.maps.LatLng(markers[i][1],markers[i][2]);
|
154
|
-
|
155
|
-
var icons = 'http://akptfro.boo.jp/ico_spot.png';
|
156
|
-
|
157
|
-
createMarker(name,latlng,icons,maps['#panel2']);
|
158
|
-
|
159
|
-
}
|
160
|
-
|
161
|
-
}
|
162
|
-
|
163
|
-
function createMarker(name,latlng,icons,map){
|
164
|
-
|
165
|
-
var infoWindow = new google.maps.InfoWindow();
|
166
|
-
|
167
|
-
var marker = new google.maps.Marker({position: latlng,icon:icons,map: map});
|
168
|
-
|
169
|
-
google.maps.event.addListener(marker, 'click', function() {
|
170
|
-
|
171
|
-
if (currentWindow) {
|
172
|
-
|
173
|
-
currentWindow.close();
|
174
|
-
|
175
|
-
}
|
176
|
-
|
177
|
-
infoWindow.setContent(name);
|
178
|
-
|
179
|
-
infoWindow.open(map,marker);
|
180
|
-
|
181
|
-
currentWindow = infoWindow;
|
182
|
-
|
183
|
-
});
|
184
|
-
|
185
|
-
}
|
186
|
-
|
187
|
-
google.maps.event.addDomListener(window, 'load', initialize);
|
188
|
-
|
189
|
-
google.maps.event.addDomListener(window, 'resize', function(){
|
190
|
-
|
191
|
-
map.panTo(mapOptions.center);
|
192
|
-
|
193
|
-
});
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
$('#tabs a[href^="#panel"]').click(function(){
|
198
|
-
|
199
|
-
$("#tabs .panel").hide();
|
200
|
-
|
201
|
-
$(this.hash).fadeIn();
|
202
|
-
|
203
|
-
google.maps.event.trigger(maps[this.hash], 'resize');
|
204
|
-
|
205
|
-
return false;
|
206
|
-
|
207
|
-
});
|
208
|
-
|
209
|
-
|
210
|
-
|
211
|
-
$('#tabs a[href^="#panel"]:eq(0)').trigger('click');
|
212
|
-
|
213
|
-
});
|
214
|
-
|
215
|
-
```
|
216
|
-
|
217
|
-
|
218
|
-
|
219
33
|
補足:
|
220
34
|
|
221
35
|
今回は、文法的にどうなの?という指摘はとりあえずおいておきますね。
|
222
36
|
|
223
37
|
|
38
|
+
|
39
|
+
補足2:
|
40
|
+
|
41
|
+
質問者様のご希望によりコード部分は削除しました。
|
1
補足追加
test
CHANGED
@@ -30,6 +30,12 @@
|
|
30
30
|
|
31
31
|
|
32
32
|
|
33
|
+
以下、修正済みソースコードです。
|
34
|
+
|
35
|
+
(表示されたくないとのことでしたら、コメントしてください)
|
36
|
+
|
37
|
+
|
38
|
+
|
33
39
|
```javascript
|
34
40
|
|
35
41
|
|
@@ -207,3 +213,11 @@
|
|
207
213
|
});
|
208
214
|
|
209
215
|
```
|
216
|
+
|
217
|
+
|
218
|
+
|
219
|
+
補足:
|
220
|
+
|
221
|
+
今回は、文法的にどうなの?という指摘はとりあえずおいておきますね。
|
222
|
+
|
223
|
+
|