Google マップチュートリアル
GoogleマップAPI
このチュートリアルではGoogleマップについて説明します API(Application Programming Interface、アプリケーションプログラミングインターフェース)。
APIは、ソフトウェアアプリケーションを構築するためのメソッドとツールのセットです。
HTMLでのGoogleマップ
この例ではHTMLでGoogleマップを作成しています:
例
<!DOCTYPE html> <html> <body> <h1>私の最初のGoogleマップ</h1> <div id="googleMap" style="width:100%;height:400px;"></div> <script> function myMap() { var mapProp= { center:new google.maps.LatLng(51.508742,-0.120850), zoom:5, }; var map = new google.maps.Map(document.getElementById("googleMap"),mapProp); } </script> <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script> </body> </html>