Google Mpas APIとは
Gooleマップを自分のサイトに組み込むためのAPIです。 いろいろありますが、今回はJavaScriptについて書きます。
簡単な使い方
<html> <head> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> window.onload = initialize; var map; var marker; function initialize() { var myOptions = { zoom: 7, center: new google.maps.LatLng(35.5, 140.0), mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); } </script> </head> <body> <div id="map_canvas" style="width:600px; height:600px;"></div> </body> </html>
HTMLでdivのidにmap_canvasと名前を付けて上げて、
Scriptで map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); と書いてあげます。
その他はオプションです。
