したい事:経路検索結果の地図の縮尺、中心を変更したい
google maps api で経路検索は出来たものの、その結果の地図を帰る事が出来ません。地図をセットするときのプロパティを変更しようとしましたが、うまく行きませんでした。
(コードは一部省略)
JavaScript
1var addmap = document.getElementById("addmap"); //マップの要素取得 2 var addgmap = new google.maps.Map(addmap, { 3 center: { // 地図の中心を指定 4 lat: action_lat,// 緯度(定義済み) 5 lng: action_lng // 経度(定義済み) 6 }, 7 zoom: 16, // 地図のズームを指定 8 mapTypeControl: false, 9 fullscreenControl: true, 10 streetViewControl: false, 11 zoomControl: false 12 }); 13 //マーカー表示 14 var marker = new google.maps.Marker({ 15 position: addgmap.getCenter(), 16 map: addgmap, 17 }); 18 19 var directionsService = new google.maps.DirectionsService(); 20 var directionsRenderer = new google.maps.DirectionsRenderer(); 21 directionsRenderer.setMap(addgmap); 22 directionsRenderer.setOptions( 23 { 24 suppressMarkers: true 25 }); 26 var request = { 27 origin: direction_start, //出発地の緯度経度(定義ずみ) 28 destination: direction_end, //目的地の緯度経度(定義ずみ) 29 travelMode: tri_way, 30 }; 31 directionsService.route(request, function(result, status) { 32 if (status === 'OK') { 33 directionsRenderer.setDirections(result); 34 addgmap.zoom = 16; 35 }else{ 36 alert("取得できませんでした:" + status); 37 } 38 }); 39 //中心を更新する。 40 addgmap.zoom = 16;
ラストの行で最初に地図を表示するときに使ったzoomをもう一度呼び出し、再代入しましたが、反映されず目的地と出発地が含まれた、大きな地図になってしまいます。
(この画像の赤のピンを中心にして、表示したい。)
お詳しい方、よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。