搜索
GoogleMap李建1吴孟春2朱健3李瑞民1(1.,310017;2.,325027;3.,312000):GoogleGoogleAPI,GoogleMapAPI:GoogleMapAPI;;引言,,20098/0,,,/0,,,342.9,1,22.5,,/0GoogleMap,2~31001GoogleMapsAPI1.1GoogleMapsAPIGoogleGoogleMap,GoogleMap,,,GoogleGoogleMapAPIGoogleMaps,,,GoogleGoogleMapAPIJavaScriptGoogleAPI,,GoogleMapAPIGoogleMaps:();GoogleMapsAPI1.2GoogleMapGoogleMap,GoogleMap,GoogleMapsAPI,,,,2GoogleMapAPI扩展应用2.1(1)GoogleAPIGoogleAPI,:://code.google.com/intl/zh-CN/apis/maps/signup.htmlAPI,(2)HTMLtitle/titleMapAPI,3730scriptsrc=/=api&v=2&key=bcdefg0type=/text/javascript0/script,,/abcdefg0(3)DOMdivid=/map0style=/width:500px;height:300px0/div,,div(DOM),/map0div,,(4)varmap=newGMap2(document.getElement2ById(0map0);//GMap2map.setCenter(newGLatLng(39.9493,116.3975),13);//,map.setMapType(G-SATELLITE-TYPE);//:G-NORMAL-MAP;G-SATELLITE-MAPG-HYBRID-MAP(5)GoogleAPIGInfoWindow/0,HTML:map.openInfoWindow(map.getCenter(),docu2ment.createTextNode(/Hello,world0));(6)varpolyline=newGPolyline([newGLatLng(39.907,116.387),newGLatLng(39.935,116.407)],/#ff00000,10);map.addOverlay(polyline);Gpoint,,Gpolyline,,2.22.2.1GoogleMap,,1,:scripttype=/text/javascript0functionload(){if(GBrowserIsCompatible()){varmap=newGMap2(document.getEle2mentById(/map0));map.addControl(newGSmallMapControl());map.addControl(newGMapTypeControl());map.setCenter(newGLatLng(30.27,120115),4);varstationinfo=/0;//map.openInfoWindowHtml(newGLatLng(30127,120.15),stationinfo);//varicon=newGIcon();icon.image=/a1.png0;icon.iconSize=newGSize(30,30);icon.shadowSize=newGSize(22,20);icon.iconAnchor=newGPoint(4,4);icon.infoWindowAnchor=newGPoint(5,1);//functioncreateMarker(point,icon){varmarker=newGMarker(point,{icon:i2con});map.addOverlay(newGMarker(point,icon));GEvent.addListener(marker,/click0,function(){marker.openInfoWindowHtml(stationinfo);});returnmarker;}varpoint=newGLatLng(30.27,120.15);map.addOverlay(newGMarker(point,icon));map.addOverlay(createMarker(point,icon));}}/script2.2.2XMLGoogleMapXMLXML,38301GoogleXML,XML,XML,XML,(GMarker),:GDownloadUrl(/station.xml0,function(data){varxml=GXml.parse(data);//XMLvarmarkers=xml.documentElement.getEle2mentsByTagName(/NewDataSet0);//XMLNewDataSet,(GMarker),for(vari=0;iNewDataSet.length;i++){varlatlng=newGLatLng(parseFloat(New2DataSet[i].getAttribute(/lat0)),parseFloat(markers[i].getAttribute(/lng0)));map.addOverlay(newGMarker(latlng));//}});XMLstation.xml:?xmlversion=/1.00encoding=/GB23120?-NewDataSetstationlat=/30.270lng=/120.150/stationlat=/31.00lng=/120.50//NewDataSet3台风系统网络架构3.1GoogleMap,WebGoogleMap,WebGoogleMapAPI,,GoogleMap,WebWeb3.2GoogleMap,B/S(Browser/Server)B/S(Browser/Server),Web3,39304台风系统设计,GoogleMap4.1,;,,,,,,4.2GoogleMapXML,XML,XML,11XML200908.xml,(,36,)BABJ.xml,PGTW.xml,RCTP.xml,RJTD.xml,VHHH.xml,LastTf.xml2009.xml2009XML,XML,FTP()XML,2240304.3,,;,GoogleMap,,:functionDrowybline(){for(varj=0;jtfyblspoints.length;j++){varthetmppoints=newArray();thetmppoints.push(tfyblspoints[j][0]);for(vary=1;ytfyblspoints[j].length;y++){thetmppoints.push(tfyblspoints[j][y].getPoint());}tmpline1=newGPolyline(thetmppoints,/#0+theys[j],1.5,0.9);map.addOverlay(tmpline1);yblines.push(tmpline1);}}:functionzgTFYBLJXMLload(t){varpara2=/0;varindex1=t[1].indexOf(/0),index2=t[1].indexOf(/0),index3=t[1].indexOf(/0);theybid=t[13];para2=t[0].substr(0,4)+/-0+/000.substring(0,2-t[1].substring(0,index1).length)+t[1].substring(0,index1)+/-0+/000.substring(0,2-t[1].substring(index1+1,index2).length)+t[1].substring(index1+1,index2)+/0+/000.substring(0,2-t[1].sub2string(index2+1,index3).length)+t[1].sub2string(index2+1,index3)+/:00:000;$YBXML(/../db/xml/tfybljxmllist/0+t[0]+//BABJ.xml0,para2,TFYBLJXMLloadCallback);}4.4,,34130XMLWeb,,:20092009.xml(XML1),2009,:200908/0,/0200908.xmlBABJ.xmlPGTW.xmlRCTP.xml,GoogleMap,,,35结语,GoogleMap,APIGoogleMap,,GoogleMap,[1].JavaScript.:,2008[2],.XML3.0.:,2001[3]XML,WebServices,andtheDataRevolutionFrankP.CoyleAddisonWesley,2003[4]()JohnHuntChrisLoftus.J2EE)))Java.:,2004[5]AndreLewis,.GoogleMaps.:,2008[6],.GoogleMapsAPIWEBGIS.(),2006,22(7-1)4230