qiuye 发表于 2013-1-23 02:48:30

Integrating GMaps into Your Java Web Application

http://ajaxian.com/archives/integrating-maps-into-your-java-web-application-with-google-maps-and-ajax 

Integrating Maps into Your Java Web Application with Google Maps and Ajax



John Ferguson Smart has written a nice article on Integrating Maps into Your Java Web Application with Google Maps and Ajax.
The article focuses on the Google Maps API (the only server sidepiece is a simple Servlet), and takes you through learning the API, andthen using more advanced techniques such as dynamic markers, andondemand (via ajax) content inclusion:

 

<div class="syntax_hilite">
<div class="javascript">JAVASCRIPT:   1.          2.         function fetchDetails(id) {   3.            var req = GXmlHttp.create();   4.            req.open("GET", "/maps/SiteDirectory?id="+id, true);   5.            req.onreadystatechange = getCallbackFunction(req, displayDetails);   6.            req.send(null);   7.          }   8.          9.          function displayDetails(siteDetailsXML) {10.            // Get the root "site" element from the document11.            var site = siteDetailsXML.getElementsByTagName("site");12.            var name = getNodeValue(site.getElementsByTagName("name"));13.            var id = getNodeValue(site.getElementsByTagName("id"));14.            var symbol = getNodeValue(siteDetailsXML.getElementsByTagName("symbol"));15.            var website = getNodeValue(siteDetailsXML.getElementsByTagName("website"));16.            var address = site.getElementsByTagName("address")17.            var address1 = getNodeValue(siteDetailsXML.getElementsByTagName("line1"));18.            var address2 = getNodeValue(siteDetailsXML.getElementsByTagName("line2"));19.            var city = getNodeValue(siteDetailsXML.getElementsByTagName("city"));20.            var postcode = getNodeValue(siteDetailsXML.getElementsByTagName("postcode"));21.         22.            marker = getMarker(id);23.            marker.showMapBlowup();24.            var html = '<span class="site-title-line">'25.                  + name + ' (' + symbol + ')'26.                  +'</span>'27.                  + '<span class="site-details-line">'28.                  + address129.                  +'</span>'30.                  + '<span class="site-details-line">'31.                  + address232.                  +'</span>'33.                  + '<span class="site-details-line">'34.                  + city + ' ' + postcode35.                  +'</span>'36.                  + '<span class="site-details-line">'37.                  + '<a href="' + website + '">' + website + '</a>'38.                  +'</span>'39.             marker.openInfoWindowHtml(html);40.            }41.      
页: [1]
查看完整版本: Integrating GMaps into Your Java Web Application