📌  相关文章
📜  HTML Google Maps

📅  最后修改于: 2020-11-03 09:31:37             🧑  作者: Mango

HTML Google地图

HTML Google Map用于在您的网页上显示地图。您只需在基本HTML页面上添加地图即可。

句法:




First Google Map Example

My map will go here...

设置地图大小

您可以使用以下语法设置地图大小:

如何创建设置地图属性的函数?

您可以通过创建函数来设置地图属性。在这里,函数是myMap()。本示例显示了以英国伦敦为中心的Google地图。

我们必须使用Google的JavaScript库提供的Google Maps API功能。使用以下脚本通过回调myMap函数来引用Google Maps API。

 

例:




My First Google Map

示例说明

mapOptions:这是一个变量,它定义地图的属性。

中心:指定地图中心的位置(使用经度和纬度坐标)。

zoom:指定地图的缩放级别(尝试使用缩放级别)。

mapTypeId:指定要显示的地图类型。支持以下地图类型:ROADMAP,SATELLITE,HYBRID和TERRAIN。

var map = new google.maps.Map(document.getElementById(“ map”),mapOptions):它会在