Google地图是Google提供的免费网页地图服务,提供各种类型的地理信息。Google Maps有一个JavaScript API来自定义地图并将其显示在您的网页上。本教程是关于Google Maps API(应用程序编程接口)。它解释了如何在您的网页上集成Google地图。
本教程适用于所有想要了解Google Maps API的读者。完成本教程后,您将能够在您的网页上集成Google Maps JavaScript API。
在进行本教程之前,您应该熟悉JavaScript和面向对象编程的概念。您也应该从用户的角度熟悉Google地图。
对于本教程中给出的大多数示例,您将找到一个Try it选项,所以只需使用此选项即时执行您的Google Maps程序,并享受您的学习。请尝试以下示例,使用以下示例代码框右上角的“ 尝试”选项 -
<!DOCTYPE html> <html> <head> <script src =“https://maps.googleapis.com/maps/api/js”> </ script> <script> function loadMap(){ var mapOptions = { center:new google.maps.LatLng(20.593684,78.96288),zoom:12, mapTypeId:google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(“sample”),mapOptions); } </ script> </ head> <body onload =“loadMap()”> <div id =“sample”style =“width:570px; height:580px;”> </ div> </ body> </ html>