如何在自己的网页中使用Google地图

可以在自己的网页中使用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地图
https://blog.qingfengju.com/index.asp?id=2

上一篇： [转载]一个三线工程人员对流水镇的记忆
下一篇： 流水镇卫星地图

分类：Web开发 查看次数：11984 发布时间：2009/4/17 18:24:12