Polyline Default Example

Code:
 
    // load the necessary scripts
    <?= $this->Html->script("//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js", false); ?>
    <?= $this->Html->script("http://maps.google.com/maps/api/js?sensor=false", false); ?>
 
    <?php
      $map_options = array(
        "id"       => "map_canvas",
        "width"    => "500px",
        "height"   => "500px",
        "localize" => false,
        "zoom"     => 3,
        "marker"   => false,
        "address"  => "San Francisco, CA",
        "type"     => "ROADMAP"
      );
    ?>
 
    // print the map
    <?= $this->GoogleMap->map($map_options); ?>
 
    // add the polyline with both point coordinates
    <?=
      $this->GoogleMap->addPolyline("map_canvas", "polyline", array(
        "start" => array("latitude" => 37.772323 ,"longitude"=> -122.214897),
        "end"   => array("latitude" => 21.291982 ,"longitude"=> -157.821856)
      ));
    ?>