Oct 27

在律师网站中嵌入GOOGLE MAP 不指定

kcao , 07:38 , 技术 , 评论(0) , 引用(0) , 阅读(1469) , Via 本站原创 | |

1. 修改TEMPLATE/DEFAULT/HEADER.HTML文件,加入如下JS初始化代码:

JavaScript Code Copy Code To Clipboard
  1. <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
  1. <script type="text/javascript">
  2. function initialize() {
  3. if (GBrowserIsCompatible()) {
  4. var map = new GMap2(document.getElementById("map_canvas"));
  5. map.setCenter(new GLatLng(37.4419, -122.1419), 13);
  6. map.openInfoWindow(map.getCenter(),document.createTextNode("Hello, world")); //显示居中位置的标签,可惜不支持中文
  7. map.addControl(new GSmallMapControl());//显示控制按钮
  8. map.addControl(new GMapTypeControl());
  9. map.setUIToDefault();
  10. }
  11. }
  12. </script>

3. 在BODY中,加入MAP_CANVAS,并且在BODY的ONLOAD事件中调用INITIALIZE()函数:

XML/HTML Code Copy Code To Clipboard
  1. <body onload="initialize()" onunload="GUnload()">
  2. <div id="map_canvas" style="width: 500px; height: 300px"></div>
  3. </body>

以上只是简单的基础应用,更多应用参照GOOGLE说明,参考网址: http://www.chinesejy.com/jishu/513/551/2006062090855.html

http://code.google.com/apis/maps/documentation/overlays.html

 

 

 

 

Tags: , ,
发表评论
Please log on to continue. Thanks!
打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]