Oct
27
1. 修改TEMPLATE/DEFAULT/HEADER.HTML文件,加入如下JS初始化代码:
JavaScript Code Copy Code To Clipboard
- <script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAuG7oWOtWqEZB1PNN_pEvsBQ5_R83DoQvDaRjoUUcz5SOzE95uxQPI9Bh8GLJN8gz2X_Ib6OP9qcsVQ" type="text/javascript"></script>
2. 紧接着上段代码,加入以下代码, 用以定位地图,此函数中可以加入若干地图显示选项,并且在BODY中id=map_canvas的div中显示地图:
JavaScript Code Copy Code To Clipboard
- <script type="text/javascript">
- function initialize() {
- if (GBrowserIsCompatible()) {
- var map = new GMap2(document.getElementById("map_canvas"));
- map.setCenter(new GLatLng(37.4419, -122.1419), 13);
- map.openInfoWindow(map.getCenter(),document.createTextNode("Hello, world")); //显示居中位置的标签,可惜不支持中文
- map.addControl(new GSmallMapControl());//显示控制按钮
- map.addControl(new GMapTypeControl());
- map.setUIToDefault();
- }
- }
- </script>
3. 在BODY中,加入MAP_CANVAS,并且在BODY的ONLOAD事件中调用INITIALIZE()函数:
XML/HTML Code Copy Code To Clipboard
- <body onload="initialize()" onunload="GUnload()">
- <div id="map_canvas" style="width: 500px; height: 300px"></div>
- </body>
以上只是简单的基础应用,更多应用参照GOOGLE说明,参考网址: http://www.chinesejy.com/jishu/513/551/2006062090855.html
http://code.google.com/apis/maps/documentation/overlays.html
