回答編集履歴
5
修正 ちょい修正
test
CHANGED
|
@@ -386,7 +386,7 @@
|
|
|
386
386
|
|
|
387
387
|
console.log(newPlace);
|
|
388
388
|
|
|
389
|
-
moveMap(newPlace,15);//newplaceの場所
|
|
389
|
+
moveMap(newPlace,15);//newplaceの場所にmapを移動 拡大 15
|
|
390
390
|
|
|
391
391
|
}else{//--検索結果がない場合
|
|
392
392
|
|
4
修正 ちょい修正
test
CHANGED
|
@@ -366,6 +366,8 @@
|
|
|
366
366
|
|
|
367
367
|
|
|
368
368
|
|
|
369
|
+
検索フォーム部分
|
|
370
|
+
|
|
369
371
|
```javascript
|
|
370
372
|
|
|
371
373
|
$(function () {
|
3
追記
test
CHANGED
|
@@ -317,3 +317,85 @@
|
|
|
317
317
|
};
|
|
318
318
|
|
|
319
319
|
```
|
|
320
|
+
|
|
321
|
+
|
|
322
|
+
|
|
323
|
+
---
|
|
324
|
+
|
|
325
|
+
追記
|
|
326
|
+
|
|
327
|
+
|
|
328
|
+
|
|
329
|
+
移動するだけの方がいいですね
|
|
330
|
+
|
|
331
|
+
最終的にこちらをコールしてください
|
|
332
|
+
|
|
333
|
+
```javascript
|
|
334
|
+
|
|
335
|
+
function moveMap(place,z){
|
|
336
|
+
|
|
337
|
+
var geocoder = new google.maps.Geocoder();
|
|
338
|
+
|
|
339
|
+
geocoder.geocode(
|
|
340
|
+
|
|
341
|
+
{
|
|
342
|
+
|
|
343
|
+
'address': place
|
|
344
|
+
|
|
345
|
+
},
|
|
346
|
+
|
|
347
|
+
function(results, status){
|
|
348
|
+
|
|
349
|
+
if(status==google.maps.GeocoderStatus.OK){
|
|
350
|
+
|
|
351
|
+
//処理
|
|
352
|
+
|
|
353
|
+
map.setZoom(z);
|
|
354
|
+
|
|
355
|
+
map.setCenter(results[0].geometry.location);
|
|
356
|
+
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
}
|
|
360
|
+
|
|
361
|
+
);
|
|
362
|
+
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
```
|
|
366
|
+
|
|
367
|
+
|
|
368
|
+
|
|
369
|
+
```javascript
|
|
370
|
+
|
|
371
|
+
$(function () {
|
|
372
|
+
|
|
373
|
+
$('#searchButton').click(function (e) {
|
|
374
|
+
|
|
375
|
+
e.preventDefault();
|
|
376
|
+
|
|
377
|
+
place = $('#searchPlace').val();
|
|
378
|
+
|
|
379
|
+
if(place!=''){//検索キーが空なら何もしない
|
|
380
|
+
|
|
381
|
+
if(arrayDataSearch(place)){//placeをjasonの中から探す
|
|
382
|
+
|
|
383
|
+
var newPlace = arrayDataSearch(place);//newplaceに代入
|
|
384
|
+
|
|
385
|
+
console.log(newPlace);
|
|
386
|
+
|
|
387
|
+
moveMap(newPlace,15);//newplaceの場所でmapを再描画 拡大 15
|
|
388
|
+
|
|
389
|
+
}else{//--検索結果がない場合
|
|
390
|
+
|
|
391
|
+
console.log(place + 'には何もありません');//ログ出力
|
|
392
|
+
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
});
|
|
398
|
+
|
|
399
|
+
});
|
|
400
|
+
|
|
401
|
+
```
|
2
修正 ちょい修正
test
CHANGED
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
|
|
75
75
|
住所だけの検索だと最寄駅名とか他のキーワードを後から入れたくなるのが想定されますので、
|
|
76
76
|
|
|
77
|
-
作る配列は検索用のwordsというキーと、結果を返すreturnというキーの連想配列を作ります。
|
|
77
|
+
作る配列は検索用のwordsというキーと、結果（マップのセンターにしたい場所）を返すreturnというキーの連想配列を作ります。
|
|
78
78
|
|
|
79
79
|
```javascript
|
|
80
80
|
|
1
修正 ちょい修正
test
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
ということですが、もともと地名を入れたら、座標を返すgoogle.maps.Geocoder()を使っているので、住所からキーワード検索して、`検索結果が(true)`ならば住所を指定して
|
|
11
|
+
ということですが、もともと地名を入れたら、座標を返すgoogle.maps.Geocoder()を使っているので、住所からキーワード検索して、`検索結果が(true)`ならば`住所を指定して再描画`、`検索結果が(false)`ならば`何もしない`。という実装になります。
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|