使用Google Map API的小例子

最新推荐文章于 2022-12-07 17:04:06 发布

最新推荐文章于 2022-12-07 17:04:06 发布 · 104 阅读

文章标签：

#Google #JavaScript #Blog #ViewUI

本文介绍了如何在个人博客中使用Google Maps API添加交互式地图。通过简单的代码示例展示了如何注册并应用API密钥，设置地图的中心位置及缩放级别。

注册了在自己的一个 blog 上使用 google Map 的 key ，下面是在页面上添加地图要添加或者修改的 code 。 Google 的 API 使用还是蛮 easy 的。

<script src=http://maps.google.com/maps?file=api&amp;v=2&amp;&amp;key=ABQIAAAA6z5x7SKYVbp2Iamhk_aewRStAkgfnVhbORlEwBI6cdYoS0SPhRQ00WD-e0nh13cv6JJwoS8TRIOfDA type="text/javascript">

</script>

<script type="text/javascript">

function initialize() {

if (GBrowserIsCompatible()) {

var map = new GMap2(document.getElementById("map_canvas"));

map.setCenter(new GLatLng(39.917, 116.397), 14);

}

}

</script>

<body bgcolor=#f9fce9 leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" 
onload="initialize()" onunload="GUnload()">

<div id="map_canvas" style="width: 500px; height: 300px"></div>