Google Map API Version3 教程(一):显示一个最基本的地图

转自:http://blog.sina.com.cn/s/blog_4cdc44df0100u7yb.html

1 实现一个地图:
<head>中引用:
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
Html里面合适的位置定义:
<div id="map"/>

javascript文件:
window.onload = myLoad;
function  myLoad()
    lat = 23.14746;
      lng = 113.34175376;
      var myLatLng = new google.maps.LatLng(lat, lng);
      var myOptions = {
            zoom: 15,
            center: myLatLng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementByIdx_x("map"), myOptions);
}


说明:zoom参数是地图的范围,参数越小,地图的范围就越大
center是地图的中心点,通过经纬度定义
mapTypeId:是地图的类型。有四种map可选,详见: http://blog.sina.com.cn/s/blog_4cdc44df0100u7zl.html
 
此时就可以显示中心点是(113,27)的地图了

示例代码下载: http://download.csdn.net/source/3331139

你可能感兴趣的:(api,Google,div)