回答編集履歴
7
型変換処理追加
test
CHANGED
|
@@ -170,9 +170,11 @@
|
|
|
170
170
|
|
|
171
171
|
// 緯度経度を取得
|
|
172
172
|
|
|
173
|
+
// + をつけて数値へ変換
|
|
174
|
+
|
|
173
|
-
var lat = map.dataset.lat;
|
|
175
|
+
var lat = +map.dataset.lat;
|
|
174
|
-
|
|
176
|
+
|
|
175
|
-
var lng = map.dataset.lng;
|
|
177
|
+
var lng = +map.dataset.lng;
|
|
176
178
|
|
|
177
179
|
|
|
178
180
|
|
6
文法修正
test
CHANGED
|
@@ -192,9 +192,9 @@
|
|
|
192
192
|
|
|
193
193
|
scaleControl: true,
|
|
194
194
|
|
|
195
|
-
},
|
|
195
|
+
}),
|
|
196
|
-
|
|
196
|
+
|
|
197
|
-
});
|
|
197
|
+
});
|
|
198
198
|
|
|
199
199
|
});
|
|
200
200
|
|
5
Protocol
test
CHANGED
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
|
|
69
69
|
// ロジック（出力の絡まない処理）はページ先頭で処理
|
|
70
70
|
|
|
71
|
-
$url = 'http://webservice.recruit.co.jp/hotpepper/gourmet/v1/?';
|
|
71
|
+
$url = 'https://webservice.recruit.co.jp/hotpepper/gourmet/v1/?';
|
|
72
72
|
|
|
73
73
|
$xml = simplexml_load_file($url . http_build_query(array(
|
|
74
74
|
|
4
ユニークな ID を設定するよう修正
test
CHANGED
|
@@ -134,7 +134,7 @@
|
|
|
134
134
|
|
|
135
135
|
<!-- data-lat と data-lng に緯度経度情報を保存 -->
|
|
136
136
|
|
|
137
|
-
<div class="map" data-lat="<?= h($r->lat) ?>" data-lng="<?= h($r->lng) ?>" style="width: 500px; height: 370px; border: 1px solid gray;"></div>
|
|
137
|
+
<div id="shop-<?= $r->id ?>" class="map" data-lat="<?= h($r->lat) ?>" data-lng="<?= h($r->lng) ?>" style="width: 500px; height: 370px; border: 1px solid gray;"></div>
|
|
138
138
|
|
|
139
139
|
</td>
|
|
140
140
|
|
|
@@ -158,9 +158,9 @@
|
|
|
158
158
|
|
|
159
159
|
<script>
|
|
160
160
|
|
|
161
|
-
//
|
|
161
|
+
// ID に shop- がついている要素をすべて取得
|
|
162
|
-
|
|
162
|
+
|
|
163
|
-
var elements = document.
|
|
163
|
+
var elements = document.querySelectorAll("[id^='shop-']");
|
|
164
164
|
|
|
165
165
|
|
|
166
166
|
|
3
短縮
test
CHANGED
|
@@ -176,29 +176,23 @@
|
|
|
176
176
|
|
|
177
177
|
|
|
178
178
|
|
|
179
|
-
// 地図の初期化
|
|
180
|
-
|
|
181
|
-
var mapObj = new google.maps.Map(map, {
|
|
182
|
-
|
|
183
|
-
zoom: 12,
|
|
184
|
-
|
|
185
|
-
center: new google.maps.LatLng(lat, lng),
|
|
186
|
-
|
|
187
|
-
mapTypeId: google.maps.MapTypeId.ROADMAP,
|
|
188
|
-
|
|
189
|
-
scaleControl: true,
|
|
190
|
-
|
|
191
|
-
});
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
// マーカーの初期化
|
|
179
|
+
// 地図とマーカーの初期化
|
|
196
|
-
|
|
180
|
+
|
|
197
|
-
var marke = new google.maps.Marker({
|
|
181
|
+
var marker = new google.maps.Marker({
|
|
198
182
|
|
|
199
183
|
position: { lat: lat, lng: lng },
|
|
200
184
|
|
|
185
|
+
map: new google.maps.Map(map, {
|
|
186
|
+
|
|
201
|
-
m
|
|
187
|
+
zoom: 12,
|
|
188
|
+
|
|
189
|
+
center: new google.maps.LatLng(lat, lng),
|
|
190
|
+
|
|
191
|
+
mapTypeId: google.maps.MapTypeId.ROADMAP,
|
|
192
|
+
|
|
193
|
+
scaleControl: true,
|
|
194
|
+
|
|
195
|
+
},
|
|
202
196
|
|
|
203
197
|
});
|
|
204
198
|
|
2
ケツカンマ教
test
CHANGED
|
@@ -178,15 +178,15 @@
|
|
|
178
178
|
|
|
179
179
|
// 地図の初期化
|
|
180
180
|
|
|
181
|
-
var mapObj = new google.maps.Map(map, {
|
|
181
|
+
var mapObj = new google.maps.Map(map, {
|
|
182
|
-
|
|
182
|
+
|
|
183
|
-
zoom: 12,
|
|
183
|
+
zoom: 12,
|
|
184
|
-
|
|
184
|
+
|
|
185
|
-
center: new google.maps.LatLng(lat, lng),
|
|
185
|
+
center: new google.maps.LatLng(lat, lng),
|
|
186
|
-
|
|
186
|
+
|
|
187
|
-
mapTypeId: google.maps.MapTypeId.ROADMAP,
|
|
187
|
+
mapTypeId: google.maps.MapTypeId.ROADMAP,
|
|
188
|
-
|
|
188
|
+
|
|
189
|
-
scaleControl: true
|
|
189
|
+
scaleControl: true,
|
|
190
190
|
|
|
191
191
|
});
|
|
192
192
|
|
|
@@ -194,11 +194,11 @@
|
|
|
194
194
|
|
|
195
195
|
// マーカーの初期化
|
|
196
196
|
|
|
197
|
-
var marke = new google.maps.Marker({
|
|
197
|
+
var marke = new google.maps.Marker({
|
|
198
|
-
|
|
198
|
+
|
|
199
|
-
position: { lat: lat, lng: lng },
|
|
199
|
+
position: { lat: lat, lng: lng },
|
|
200
|
-
|
|
200
|
+
|
|
201
|
-
map: mapObj
|
|
201
|
+
map: mapObj,
|
|
202
202
|
|
|
203
203
|
});
|
|
204
204
|
|
1
いらないとこ削った
test
CHANGED
|
@@ -98,8 +98,6 @@
|
|
|
98
98
|
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
-
$total_count = $xml->results_available;
|
|
102
|
-
|
|
103
101
|
?>
|
|
104
102
|
|
|
105
103
|
<!DOCTYPE html>
|
|
@@ -196,9 +194,9 @@
|
|
|
196
194
|
|
|
197
195
|
// マーカーの初期化
|
|
198
196
|
|
|
199
|
-
var marke
|
|
197
|
+
var marke = new google.maps.Marker({
|
|
200
|
-
|
|
198
|
+
|
|
201
|
-
position: { lat: lat, lng: lng},
|
|
199
|
+
position: { lat: lat, lng: lng },
|
|
202
200
|
|
|
203
201
|
map: mapObj
|
|
204
202
|
|