# Google Map V3 简单示例程序

**URL:** <https://www.isharkfly.com/t/google-map-v3/8961>\
**Category:** 前端\
**Created:** [March 7, 2013, 3:19pm UTC](https://www.isharkfly.com/t/google-map-v3/8961 "2013-03-07T15:19:11Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [March 7, 2013, 3:19pm UTC](https://www.isharkfly.com/t/google-map-v3/8961/1 "2013-03-07T15:19:11Z")

</div>

这个例子显示如何在页面中载入 Google 地图。

地图上的地址是湖南省长沙市。

程序运行结果如下图：  
 ![](https://www.isharkfly.com/images/transparent.png)

程序代码如下：[code]

 OSSEZ Google Maps JavaScript API v3 Example: 简单示例程序 html, body, #map\_canvas { margin: 0; padding: 0; height: 100%; } var map; function initialize() { var mapOptions = { zoom: 8, center: new google.maps.LatLng(28.17644739744542, 113.02459720000002), mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById('map\_canvas'), mapOptions); }

```
  google.maps.event.addDomListener(window, 'load', initialize);
</script>

```

 [/code]在线查看地址: [url]http://src.ossez.com/filedetails.php?repname=p&path=%2Fgmaps%2Fv3%2Fexamples%2Ftrunk%2Fmap-simple%2Fmap-simple.html[/url]