创建一个简单的地图

在你的站点上引入Google Maps 是一件很简单的事情，你只需要加入：

* 引入Google的JavaScript 文件

* 设置JavaScript 一些参数

* 一个你需要显示地图的HTML layer

Google的Javascript文件引入:

<mce:script charset="UTF-8" src=http://maps.google.com/maps?file=api&v=2&hl=en&oe=utf-8&key=API_KEY type="text/javascript"><!-- // --></mce:script>

注意： 我们可以改变语言，比如说，把“hl=en” 改成中文“hl=zh-CN” 。我们还得要把“API_KEY” 改成我们向Google申请来的那个。

说明: 使用 UTF-8 编码会更好些。

设置地图参数:

这是你可定制有个性化的Google Maps的地方。我们可以增加一些参数来改变地图的样式。例如，我们可以设置地图的载入和显示的坐标。下面是相关的代码：

function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(37.97918, 23.71665), 13); map.setUIToDefault(); } }

请注意上面高亮的那一条语句，第一个是纬度坐标和第二个是经度坐标，“13” 表示地图缩放的程度，这个值可以取1 到17。

要知道所在地点的纬度和经度，你可以使用这个工具，这个工具很容易使用，只需要把地图移到你想要的区域，然后，把鼠标放在中心就可以了。
地图标记

你可以在地图上放上一个标记来标出一个特定的位置，下面是一个示例代码。

var point = new GLatLng(37.97110, 23.72601); map.addOverlay(new GMarker(point));

于是，我们整个代码看起来是下面这个样子：

function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(37.97918, 23.71665), 13); var point = new GLatLng(37.97110, 23.72601); map.addOverlay(new GMarker(point)); map.setUIToDefault(); } }

上面的示例把我们的地图的中心放在了希腊雅典，标记了雅典卫城。

转载至http://www.nowmms.cn/AllCity.htm