首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 其他教程 > 互联网 >

Google map API 初级使用

2012-07-02 
Google 地图 API 初级使用一.一般查看地图可以直接在google地图找到该位置再到右上角点击分享链接中可以直

Google 地图 API 初级使用

一.一般查看地图可以直接在google地图找到该位置再到右上角点击分享链接中可以直接复制二.但对于复杂的应用还是得自己写?? 下面是一个简单的示例??  首先注册一个google帐号,http://code.google.com/intl/zh-CN/apis/maps/signup.html随后在上述地址上面生成对应的Key,比如我们得到的Key为ABQIAAAAhrsyA85kX5AhsROY61ghERSePc6gwvi5Rm1hdFkqvyx4TFycQxSUo39qJRxqmJjnbPYhTiCZ8RbpWQ,这个Key在加载google map对应的js的时候需要用到。
<html>  <head >  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg" type="text/javascript"></script>    <script type="text/javascript">    function load() {      if (GBrowserIsCompatible()) {        var map = new GMap2(document.getElementById("map"));                GEvent.addListener(map, "moveend", function() {        var center = map.getCenter();        document.getElementById("message").innerHTML = center.toString();});                map.addControl(new GSmallMapControl());        map.addControl(new GMapTypeControl());        map.setCenter(new GLatLng(32.058864,118.760576), 13);        map.openInfoWindow(map.getCenter(),document.createTextNode("hohai university"));      }    }    </script>  </head>  <body onload="load()" onunload="GUnload()">    <div id="map" style="width: 500px; height: 300px"></div>    <div id="message" style="width: 500px; height: 200px"></div>  </body></html>

?另外附google api文档

热点排行