スポンサードリンク

preserveViewport ルート全体を表示させずに地図を指定座標、ズームレベルで表示させる方法/ルート検索API(Direction API)

◆ Google Maps API v3 / preserveViewport ルート全体を表示させずに地図を指定座標、ズームレベルで表示させる方法

通常ルートを表示させるとルート全体が地図のビューポート(地図の表示範囲内)に表示されてしまい、指定した座標、ズームレベルでは表示されません。
ルート全体を表示させずに、希望の座標、ズームレベルで表示させたい場合は、new google.maps.DirectionsRendererのオプションとして、preserveViewport:trueを指定します。

var rendererOptions =
{
draggable: true,
preserveViewport:true
};
var directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);

preserveViewport:false


preserveViewport:true


◆ Google Maps API v3 ルート全体を表示させずに地図の指定座標を表示させるサンプルデモ

◆Google Maps JavaScript API V3

スポンサードリンク

Related Posts

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img localsrc="" alt="">