刚才尝试了一下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">
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
google.load("maps", "2.x",
{base_domain: "ditu.google.cn", language: "zh-CN"});
// Call this function when the page has been loaded
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
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; width: 400px; height: 400px" id="map">
</div>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)