Google Map 效果测试

刚才尝试了一下Google Map,简单记录一下,能帮到别人更好.

首先,到Google Map申请一个Key,需要你的顶级域名,我没有啊,就用Blog的了,http://www.cnblogs.com/zhaiyf/ .之后会得到一个Key,记下备用.
然后,把这个Key放到下面的代码中.并加入一些GoogleMap 的API调用.还不熟悉,不说了,呵呵.但是有一个问题我不知道是不是只有我遇到.刚开始我一直以为API是提供了一个或几个Js文件,然后我们调用即可,找了好半天.现在看来,这些Js是运行时从Google下载过来再调用的.害我找半天.
最后,放一个Div,ID要与脚本中保持一直.
简单的效果就这么出来了.

代码如下:

<script type="text/javascript" src=http://www.google.cn/jsapi?key=Key放这里>
</script>
<script type="text/javascript">
  google.load("maps", "2.x", {base_domain: "ditu.google.cn", language: "zh-CN"});
  // Call this function when the page has been loaded
  function initialize() {
    var map = new google.maps.Map2(document.getElementById("map"));
    map.setCenter(new google.maps.LatLng(39.9493, 116.3975), 13);
  }
  google.setOnLoadCallback(initialize);
</script>
<div style="background-color: red;  400px; height: 400px" id="map">
</div>