Google Maps APIに軽くふれる

YY3ai2ui24 70views 更新:2015年9月18日

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); と書いてあげます。
その他はオプションです。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません