ルート検索の吹き出しを変更する

Code

<script type='text/javascript'>

var mapCanvas;
function initialize() {
  var myOptions = {
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  mapCanvas = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  
  var rendererOptions = {
    map: mapCanvas
  };
  var directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions)
  
  var request = { 
    origin: "東京駅", 
    destination: "大阪駅", 
    travelMode: google.maps.DirectionsTravelMode.DRIVING 
  };
  
  directionsService = new google.maps.DirectionsService();
  directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      var route = response.routes[0];
      mapCanvas.fitBounds(route.bounds);
      
      route.legs[0].start_address = "<b>出発地点</b><br><br>JR東京駅<br>(" + route.legs[0].start_address + ")";
      route.legs[0].end_address = "<b>執着地点</b><br><br>JR大阪駅<br>(" + route.legs[0].end_address + ")";
      directionsDisplay.setDirections(response);
    }
  });
}
google.maps.event.addDomListener(window, "load", initialize);
</script>




サイト内検索
Google Maps APIプログラミングガイド

Google Maps API Expert 4人が共著で執筆。中級者向けに実用に役立つサンプルを中心に紹介! スマートフォン時代に合わせたGoogle Maps APIの使い方も掲載。
詳しくはこちら
Google Maps APIプログラミング入門
Google Maps APIプログラミング入門
全480ページ。Google Maps API ver.2, ver.3, for Flash, Static Maps API v2, Google Maps API Primery, ライセンス…など、Google Maps APIに関連する幅広い内容の本を書きました。
このサイトで公開しているサンプルはもちろん、本のために作ったサンプルも満載です。
詳しくはこちら