`
wj131
  • 浏览: 142473 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

调用googleMap的一个小小应用

阅读更多

google API中文同步文档:http://www.codechina.org/doc/google/gmapapi/

 

该例子是建立在网上 前辈的功劳的基础之上的:

 

通过一个servlet来解析,得到要查询地址的经度和纬度:

package cn.org.map;

import java.io.IOException;
import java.io.InputStreamReader;
import java.io.UnsupportedEncodingException;
import java.net.MalformedURLException;
import java.net.URL;
import java.net.URLConnection;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class MapServlet extends HttpServlet {

 private static final long serialVersionUID = -6023775612606386229L;

 public void doGet(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
              this.doPost(request, response);
 }

 /**
  * 这里采用的是 csv格式的展现:例如:200,9,34.2334040,108.8691760,按照逗号区分。这里要提取的是后面2个值。一个表示"经度",另外一个表示"纬度"
  * 这里在地图上面显示的是一个 位置
  */
 public void doPost(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
        String addressOrPoint = request.getParameter("addressOrPoint");
        System.out.println("--addressOrPoint--:"+addressOrPoint);
  if(addressOrPoint !=null && !"".equals(addressOrPoint)){
  String data  = parseAddressAndPoint(addressOrPoint,"csv", "abcdefg");//获得的结果
  if(data !=null ){
   String[] strArr = data.split(",");
   request.setAttribute("xxx", strArr[2]);//经度
   request.setAttribute("yyy", strArr[3]);//纬度
   }
  }
  request.getRequestDispatcher("index.jsp").forward(request, response);
 }


 public void init() throws ServletException {
 
 }

 
 /**
  * 解析地址和反解析纠经度
  * @param addressOrPoint : 中英文地址,或者是 纬经度,不是经纬度
  * @param outPutType :这三个数据类型 : xml、json、csv 注:输出格式建议用JSON或CSV,XML格式有时候不能正常显示,比如 中国:35.8616600,104.1953970
  * @param googleKey : 如果项目发布在网络上,可能要从GOOGLE申请一个GOOGLE MAP KEY才能正常使用
  * 参考:http://code.google.com/intl/zh-CN/apis/maps/documentation/services.html#Geocoding_Object
  */
 public String parseAddressAndPoint( String addressOrPoint,  String outPutType,  String googleKey){
  try {
   // http://ditu.google.cn 而不用 http;//map.google.com 原因是不能正常解析中文
   String url = "http://ditu.google.cn/maps/geo?output="+outPutType+"&q="+java.net.URLEncoder.encode(addressOrPoint,"UTF-8")+"&sensor=false&key="+googleKey;
   URL myUrl = new URL(url);
   URLConnection httpConn = myUrl.openConnection();
   InputStreamReader isr = new InputStreamReader(httpConn.getInputStream(),"UTF-8");//读取数据,并设置数据编码
   int responseInt = isr.read();
   StringBuffer sb = new StringBuffer();
   while(responseInt != -1){
    sb.append((char)responseInt);
    responseInt = isr.read();
   }
   String str = sb.toString();
   System.out.print(str);
   return str;
  } catch (UnsupportedEncodingException e) {
   e.printStackTrace();
   return null;
  } catch (MalformedURLException e) {
   e.printStackTrace();
   return null;
  } catch (IOException e) {
   e.printStackTrace();
   return null;
  }
 }
}

welcome页面:

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>My JSP 'welcome.jsp' starting page</title>

  </head>
 
  <body>
   <form action="MapServlet.do" method="post">
     <table align="center" width="400" border="1">
     <tr><td align="right">地点</td><td align="left"><input name="addressOrPoint"></td></tr>
        <tr><td colspan="2" align="center"><input type="submit" value="提交"></td></tr>
     </table>
   </form>
  </body>
</html>

 

 

转向页面:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg"
            type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[

    function load() {
      if (GBrowserIsCompatible()) {
       
         var map = new GMap2(document.getElementById("map"));
        //var center = new GLatLng(34.2351770, 108.8923490);
         var center = new GLatLng(${xxx}, ${yyy});
         map.setCenter(center, 13);
         //GMarker定义显示标记,draggable: false 表示标记不允许拖动
         var marker = new GMarker(center, {draggable: false});
         map.addOverlay(marker);
      }
    }

    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 800px; height: 600px"></div>
  </body>
</html>

 

分享到:
评论

相关推荐

    实例asp.net调用Google Map

    在ASP.NET中调用Google Map是一项常见的Web开发任务,它涉及到地理位置信息的展示、地图交互以及定位服务。本文将深入探讨如何在ASP.NET应用程序中集成并利用Google Maps API,为用户提供丰富的地图体验。 首先,...

    VC/MFC中通过WebBrowser控件调用google map,并实现用户输入地理坐标跳转

    本程序实现了如下功能: (1)VC中通过浏览器控件,加载指定html,在html中用javascript调用google map (2)通过CWebPage类实现了VC调用javascript函数,并向函数传参...对于想在VC中调用google map 的新手是极大的帮助。

    Android应用源码之调用GoogleMap源码,点击事件在注释里面.zip

    这个"Android应用源码之调用GoogleMap源码,点击事件在注释里面.zip"压缩包文件提供了一个示例源码,帮助开发者理解和学习如何在Android应用中调用Google Maps API并处理地图上的点击事件。 首先,让我们了解...

    GoogleMap地图控件应用源码_googlemapcontrol.zip

    在IT领域,GoogleMap地图控件是开发者常用的一个工具,它允许我们在应用程序中集成谷歌地图的功能,包括定位、导航、路线规划等。GoogleMap地图控件通常以API的形式提供,开发者可以通过调用API接口实现地图的显示和...

    调用GoogleMap源码,点击事件在注释里面.zip

    这份压缩包“调用GoogleMap源码,点击事件在注释里面.zip”显然是为了教学目的,包含了源代码示例以及事件处理的注释。下面将详细讲解如何在Android应用中集成Google Maps API并实现点击事件监听。 首先,我们需要...

    安卓Android源码——调用GoogleMap源码,点击事件在注释里面.zip

    这份名为"安卓Android源码——调用GoogleMap源码,点击事件在注释里面.zip"的资源包含了一个示例项目,演示了如何在Android应用中集成并操作Google Maps API。下面我们将详细探讨这个过程中的关键知识点。 首先,...

    Java 调用Google Map Api解析地址,解析经纬度实例

    使用google地图的反向地址解析功能,提供一个经纬度得到对应地址,或者给出模糊地址,得到经纬度,放在java后台代码中处理,这个使用的是Google的地理编码服务。一般而言数据量不大的情况使用是不限制的。按照Google...

    Android高级应用源码-调用GoogleMap源码,点击事件在注释里面.zip

    这份"Android高级应用源码-调用GoogleMap源码,点击事件在注释里面.zip"提供了关于如何在Android应用中集成并使用Google Maps API的具体示例。下面将详细解释其中涉及的关键知识点。 首先,我们要了解Google Maps ...

    用Ajax开发GoogleMap行车路线查询应用

    选择完毕后,应用将自动调用GoogleMap API查询行车路线。 2. **路线展示**:查询成功后,行车路线会在地图上高亮显示,同时路线详情面板会列出详细的行车步骤和距离信息。 3. **互动性增强**:用户可以点击路线详情...

    经典教程:JavaScript调用Google Map API V3

    JavaScript调用Google Map API V3是一项常见的Web开发任务,它允许开发者在网页中嵌入交互式地图,并根据需求进行自定义。以下是对这个经典教程的详细解析: 1. **目标** - 整个教程旨在教会读者如何利用...

    Android应用源码之调用GoogleMap源码,点击事件在注释里面-IT计算机-毕业设计.zip

    本示例源码提供了一个Android应用,该应用展示了如何调用Google Maps API并在地图上处理点击事件。通过分析这个源码,我们可以深入理解Android与Google Maps的集成机制以及Android事件处理的基本原理。 首先,我们...

    安卓开发-调用GoogleMap源码,点击事件在注释里面.zip

    本压缩包“安卓开发-调用GoogleMap源码,点击事件在注释里面.zip”提供了关于如何在Android应用中调用Google Map源码以及实现点击事件的详细示例。 首先,我们要了解Android与Google Maps API的集成步骤。这通常...

    Ext Google Map 简易开发框架

    通过调用Google Maps API提供的函数和方法,我们可以将动态地图集成到网页应用中。在本实例中,它被用于创建地图对象、加载地图数据以及处理地图交互事件。 图层管理是Ext Google Map框架的核心功能之一。**图层...

    Android 调用GoogleMap源码,点击事件在注释里面-IT计算机-毕业设计.zip

    在这个例子中,`onMapReady()`方法接收一个`GoogleMap`对象,我们可以通过这个对象设置点击事件监听器。当用户在地图上点击时,`onMapClick()`方法会被调用,传入一个`LatLng`对象,表示点击的位置。 此外,为了...

    安卓Android源码——调用GoogleMap源码,点击事件在注释里面.rar

    这份"安卓Android源码——调用GoogleMap源码,点击事件在注释里面.rar"的压缩包内容,显然包含了关于如何在Android应用中集成并处理Google Map点击事件的源码示例。下面我们将详细讨论这个知识点。 首先,我们需要...

Global site tag (gtag.js) - Google Analytics