可以在自己的网页中使用Google地图,最简单的方法是:

1.首先在http://code.google.com/intl/zh-CN/apis/maps/,注册Google API密钥。

2.复制以下代码到自己的网页:

<script src="http://ditu.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAcEGF_-3GOiyvtzkjQXPfoRQllSs0KifCgQzpJplfE6gSGiLJ3xSjGoVpjoIsC69p5BCp8PUpWZK9ow&hl=zh-CN" type="text/javascript"></script>
<!--红色的是
Google API密钥-->
<script type="text/javascript">
function initialize()
{
 if (GBrowserIsCompatible())
 {
  var map = new GMap2(document.getElementById("map_canvas"));
  map.setCenter(new GLatLng(22.556311, 113.936252), 14);
  //坐标值
  map.enableScrollWheelZoom();//允许滚轮
  map.addMapType(G_PHYSICAL_MAP);//添加地形选项
  map.addControl(new GLargeMapControl());
  map.addControl(new GMapTypeControl());

  var point = new GLatLng(22.556338, 113.936186);
  map.addOverlay(new GMarker(point));
 }
 }
</script>
<div id="map_canvas" style="width: 599px; height: 362px"></div>
<script type="text/javascript">
  initialize();
</script>

3.从其他可运行的地图中找到自己需要地点的坐标,填写在
  map.setCenter(new GLatLng(x, y)... 的位置(可以在Google Earth上找)。
  如上代码对应的位置是深圳南山科技园北区的大族激光附近。


本文链接地址: 如何在自己的网页中使用Google地图
http://qingfengju.com/index.asp?id=2

分类:Web开发 查看次数:9486 发布时间:2009-4-17 18:24:12