谷歌地图调用指南.doc

相信大家对这些代码很面熟，我是从模版的 “内容页.HTML”拷贝过来加了一些代码就搞定了。下面黄色底色的部分代码就是后来加上去的。$GetSiteTitle-$GetArticleTitlebody FONT-SIZE: 12px; BACKGROUND: #fff; COLOR: #000; FONT-FAMILY: 宋体, arial; text-align: centertd FONT-SIZE: 12px; COLOR: #0544a4A:link COLOR: #0544a4; TEXT-DECORATION: noneA:visited COLOR: #0544a4; TEXT-DECORATION: noneA:active COLOR: #ff0000A:hover COLOR: #ff0000; TEXT-DECORATION: underline*margin:0px;padding:0px;.nav height:15px; background:url(/images/bg_4.gif); font-weight:bold; padding:10px 5px 5px 5px; text-align:left;#headwidth:970px;height:170px;margin:2px auto;#head .headtopheight:19px;text-align:right;padding:6px auto;background-color:#f7fcff;border:1px #acd0e6 solid;padding:5px;#head .headmiddlemargin:5px auto;height:80px;border:1px #acd0e6 solid;padding:5px;#head .headmiddle divfloat:left;#head .headmiddle .hmlfloat:left;width:200px;height:80px#head .headmiddle .hmmtext-align:center;#head .headmiddle .hmrtext-align:left;width:130px;float:right;line-height:normal;padding-top:10px;#head .headmenumargin:0px auto;position:relative;height:26px;padding-top:6px;background:url(/images/index_bg.gif);border:1px #acd0e6 solid;#head .headmenu divfloat:left;#head .headmenu .mlposition:absolute;width:4px;left:0px;top:0px;#head .headmenu .topnav lilist-style-type:none;float:left;margin:3px;font-size:14px;#head .headmenu .topnav li aborder-right:solid 1px #2E4690;padding-right:6px;#head .headmenu .mrposition:absolute;width:4px;right:0px;top:0px;#contentposition:relative;margin-left:auto;margin-right:auto;width:970px;#content #leftclear:right;float:left;width:220px#content #rightoverflow:hidden;float:right;widtH:740px;margin:5px 0px 0px 2px;.leftborderborder:1px #acd0e6 solid;width:222px;margin:6px 0 0 0;.ltitlefont-weight:bold;text-align:left;height:21px;background:url(/images/bg_4.gif);padding:10px 0 0 0;.lcontentheight:200px;text-align:left;#right .navigationtext-align:left;border:1px #acd0e6 solid;height:14px;background-image:url(/images/copybg.jpg);padding:6px;#right .rightbodymargin-top:5px;text-align:left;border:1px #acd0e6 solid;padding:8px;#right .rightbody .titlecolor:#ff6600;font-weight:bold;text-align:center;#right .rightbody .tagsborder:1px #999999 dashed;background-color:#f7fcff;padding-top:6px;height:18px;margin-top:8px;#right .rightbody .writecommentbackground:#f7fcff;border:1px #a7a7a7 dashed;margin-top:6px;#right .rightbody .showcommentbackground:#f7fcff;border:1px #a7a7a7 dashed;margin:6px auto;padding:3px 0px 0px 0px;#footmargin:5px;width:970px;text-align:center;margin-left:auto;margin-right:auto;#foot .footmenuheight:25px;padding-top:15px;background:url(/images/copybg.jpg);border:1px #acd0e6 solid;.kspagetext-align:right;clear:both;height:30px.kspage a:linkBORDER: #ccc 1px solid; BACKGROUND: url(/images/piczw_001.gif); COLOR: #686868; LINE-HEIGHT: 20px; FONT-FAMILY: verdana; TEXT-DECORATION: none;text-align:center;padding:0px 5px 0px 5px;.kspage a:visitedBORDER: #ccc 1px solid; BACKGROUND: url(/images/piczw_001.gif); COLOR: #686868; LINE-HEIGHT: 20px; FONT-FAMILY: verdana; TEXT-DECORATION: none;text-align:center;padding:0px 5px 0px 5px;.kspage a:hoverBORDER: #ccc 1px solid; BACKGROUND: url(/images/piczw_002.gif); COLOR: #686868; LINE-HEIGHT: 20px; FONT-FAMILY: verdana; TEXT-DECORATION: none;text-align:center;padding:0px 5px 0px 5px;下面红字的Key值大家可以到 这里免费申请：/apis/maps/signup.html.clearclear:both; var map = null; var geocoder = null; function load() if (GBrowserIsCompatible() map = new GMap2(document.getElementById(map); map.addControl(new GSmallMapControl();这是我自定义的一个字段，保存地址用。 geocoder = new GClientGeocoder(); showAddress($KS_Address); map.enableDoubleClickZoom(); function showAddress(address) if (geocoder) geocoder.getLatLng (address, function(point) if (!point) alert(address + not found); else map.setCenter(point, 15); /放大系数：15 var marker = new GMarker(point); map.addOverlay(marker); marker.openInfoWindowHtml(address);/marker.showMapBlowup(16); ); /改变图片大小function resizepic(o) var maxwidth=550; /定义最大宽度var maxheight=800; /定义最大高度var a=new Image();a.src=o.srcif(a.width maxwidth) o.style.width=maxwidth;if (a.height maxheight) o.style.height=maxheight; /无级缩放图片大小function bbimg(o) var zoom=parseInt(o.style.zoom, 10)|100; zoom+=event.wheelDelta/12; if (zoom0) o.style.zoom=zoom+%; return false; LB_头部通用  >> 最新文章LB_通用最新文章 >> 阅读排行LB_通用热门文章 >> 推荐文章LB_通用推荐文章LB_位置导航$GetArticleShortTitle$GetArticleTitle作者：$GetArticleAuthor    来源：$GetArticleOrigin    点击数：$GetArticleHits   更新时间：$GetArticleDate 电话：  $KS_Phone 传真：  $KS_Fax 网址：  $KS_Websi