Jsp 页面 调用 google API 地图的实现

最新推荐文章于 2023-11-15 10:33:29 发布
最新推荐文章于 2023-11-15 10:33:29 发布
阅读量4.4k 收藏 3
点赞数
分类专栏： jsp

注意：








通过JavaScript实现了一个简单的Google地图，并带有地图标记。 

   如果你的网站有域名而不是localhost，则需要根据域名在Google官网上申请一个KEY，替换代码中的key。

 

学习网站 https://developers.google.com/maps/documentation/javascript/reference?hl=zh-CN#Map


google map api入门教程





<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>    
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">    
  <html>    
      <head>    
      <script    
          src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true;    
          key=ABQIAAAAevysxt9O5lBUCrSalm80MxQx8gmx0K-_Fjj4Tf8bNXH3BBSxZRRmI_CuZM2zQyuXEpG_uxt-aqPr-A"    
          type="text/javascript"></script>    
          //author:67566894   <script language="javascript" type="text/javascript">    
      function load() {     //加载地图    
          if (GBrowserIsCompatible()) {     
              var map = new GMap2(document.getElementById("map"));     
              map.addControl(new GSmallMapControl());    //放大缩小    
              map.addControl(new GMapTypeControl());     //地图种类    
              map.enableScrollWheelZoom();    //启用鼠标滚轮    
              map.setCenter(new GLatLng(39.9000, 116.3000), 6);   //地图坐标 三个参数分别为 "纬度" "经度" "比例尺"    
             
              function createMarker(point, address,name,tel) {  //创建标记内容及标记的鼠标事件    
                 var marker = new GMarker(point);    
                 var html = '<div>'+    
                     '<a >Name:'+ name +'</a><br/>'+    
                     '<a >Address:'+address +'</a><br/>'+    
                     '<a >telephone:'+tel +'</a>'+    
                     '</div>';    
                 GEvent.addListener(marker, "mouseover", function() {    
                     marker.openInfoWindowHtml(html);    
                 });    
                 GEvent.addListener(marker, "mouseout", function() {    
                     marker.closeInfoWindow();    
                 });    
                 GEvent.addListener(marker, "click", function() {    
                     map.setCenter(point, 12);     
                 });    
                 return marker;    
             }    
             var point = new GLatLng(39.9000,116.3000);     // 设置标记    
             map.addOverlay(createMarker(point,'beijing','sh','123456'));//加入标记    
         }      
     }        
  </script>    
      </head>    
      <body οnlοad="load()">    
          <div id="map" style="width: 750px; height: 500px"></div>    
      </body>    
  </html>  

zishan007
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
google天气API的Java解析程序
09-21
此程序为eclipse项目，用来解析google天气api的Java程序，有java类调用和jsp页面调用的例子，处理类中使用了单例模式和定时器技术，以防止频繁使用时的资源浪费。因为有实时天气定时器用来清理实例。 欢迎留言交流...
Java-JSP页面 嵌入高德地图
大象
07-14 1万+
目标在java web应用中的JSP页面嵌入高德地图。方法进入高德开发者官网，注册，成为开发者，获取应用的key。 官网：http://lbs.amap.com/api/javascript-api/summary/ 在“我的应用中”添加新key(选择javascript API平台). 样例JSP见官网开发文档：http://lbs.amap.com/api/javascript-api/
js接入高德地图API，搜索位置，实时定位，获取经纬度
热门推荐
请叫我书生的博客
09-07 2万+
  1.服务端带所需数据进入     @RequestMapping(value = "deploy", method = {RequestMethod.GET , RequestMethod.POST})      public String deploy(Long venderId, ModelMap model) throws Exception {         //vender...
高德地图系列（三）：vue项目利用高德地图实现地址搜索功能
最新发布
qq_45796592的博客
11-15 3239
vue项目利用高德地图实现地址搜索功能详细教程
JSP 页面 嵌入 google API 地图
weixin_33733810的博客
11-07 124
网站中显示和使用google地图主要是通过javascript调用google api。首先要根据域名到google官网上申请一个key，地址： http://code.g...s/signup.html 申请完成后，用你的key代替下面代码的key。 JavaScript代码复制内容到剪贴板 <scriptsrc="http://maps...
googe离线地图demo
07-06
demo有标注，windowinfo的各种操作，添加覆盖物，行政区域。基于Google api1.3v 参考文档：http://www.fengfly.com/document/Google_Maps_API_V3.html#InfoWindow 扒图工具：全能地图
matlab转换java代码-SafeMap:安全地图
05-26
Metro.js用于添加航点并调用Google Maps API以提供新路线。 THRESHOLD和WAYMAX设置为全局变量，使用浏览器的集成调试工具可以更改这些值。 map.jsp用于交互，专门用于设置开始和结束以及显示导航结果。 指导 分析和...
Google Android SDK开发范例大全(第3版) 5/5
01-20
完备的Google网络服务：Google语音搜寻、Google远程账号登录、Google Search API、Google Chart API、Google Picasa手机相册、Google Translate API整合等。 Google Map应用：GPS定位、规划导航路径、GPS Google地图...
Google Android SDK开发范例大全(第3版) 4/5
01-20
完备的Google网络服务：Google语音搜寻、Google远程账号登录、Google Search API、Google Chart API、Google Picasa手机相册、Google Translate API整合等。 Google Map应用：GPS定位、规划导航路径、GPS Google地图...
JSP页面使用百度地图定位
08-07
jsp结合springmvc使用百度地图api根据经纬度进行定位
地图定位（jsp、html嵌入地图）
12-13
嵌入jsp里面的地图，左上角的人形可以拖动到可以看的位置就会看到当地的接到和人物。
JSP API接口和返回的版本
10-11
JS JSP ASP .NET J2AM API接口和返回的版本 目前所有版本的JS JSP ASP .NET J2AM 都是提供源代码的，对于一些脚本语言来说，直接解压缩之后就可以使用了，不需要什么安装步骤。另外一些需要编译的语言，则提供了编译用的 shell 文件（Linux/Unix 下使用）和 bat 文件（Windows 下使用），或者直接提供编译好的二进制库文件。 不过为了让读者能够更清楚如何安装，我们还是对每种语言的安装都做详细的讲解，你可以在安装列表里找到你感兴趣的语言的安装方法。 示例 如果你已经把 JS JSP ASP .NET J2AM 安装好了，那么接下来就让我们开始第一个小程序吧。按照惯例，第一个演示程序几乎总是 HelloWorld，我们也不想打破这个惯例，不过对于 PHPRPC 来说，有服务器端就要有客户端，否则我们就没有什么好演示的啦，所以我们的第一个演示程序实际上是两个，一个是服务器端，另一个是客户端。我们都先用 PHP 语言来写好了。 服务器端 view plaincopy to clipboardprint? <?php include ("php/phprpc_server.php"); function HelloWorld() { return 'Hello World!'; } $server = new PHPRPC_Server(); $server->add('HelloWorld'); $server->start(); ?> 客户端 view plaincopy to clipboardprint? <?php include ("php/phprpc_client.php"); $client = new PHPRPC_Client('http://127.0.0.1/server.php'); echo $client->HelloWorld(); ?> 对于服务器端程序，我们应该将它命名为 server.php（这是因为客户端调用时用的是这个名字，而不是 PHPRPC 的什么规定），然后把它放在本地 Web 服务器的根目录下，并保证服务器可以正常运行 PHP 程序，之后在浏览器或命令行下运行客户端程序，你就可以看到结果了。 这两个程序几乎简单到无需解释的地步，所以如果你已经明白它们的意思，那么就可以直接跳过下面的解释，继续看后面的例子。 服务器端第 1 句是将 它的服务器端程序包含到你的程序里，之后的 2 - 4 句是定义一个远程调用的函数，你会发现它与本地函数没有任何区别。第 5 句是创建服务器端对象，第 6 句是添加要发布的方法，这里添加的就是刚刚定义的 HelloWorld 函数，在 PHP 中，添加的发布方法是函数名的字符串表示，在其它语言中可能略有不同。第 7 句是启动服务。 客户端就更简单了，第 1 句是将 它的客户端程序包含到你的程序里。第 2 句是创建客户端对象，其中的参数就是服务器端的地址。第 3 句是对远程方法（函数）的调用，之后通过 echo 将它显示出来。如果顺利的话，执行后你就会看到输出的 Hello World!。 上面的例子是发布的是函数，下面我们来看一下类中的静态方法如何发布： view plaincopy to clipboardprint? <?php include ("php/phprpc_server.php"); class Hello { static function HelloWorld() { return 'Hello World!'; } } $server = new PHPRPC_Server(); $server->add('HelloWorld', 'Hello'); $server->start(); ?> 这个服务器端只要它的名字与发布的地址与上面那个发布函数的例子一样的话，上面的那个客户端就可以得到同样的结果，也就是说，在客户端看来是没有任何区别的。 它并不是只可以在 PHP 中使用，它同样支持其它语言的服务器和客户端，而且还可以无差别的相互调用。 现在我们来看一下如何在 Java 中调用这个 PHP 的服务器方法： view plaincopy to clipboardprint? import org.phprpc.*; interface IHello { public String helloWorld(); } public class HelloWorld { public static void main ( String [] args ) { PHPRPC_Client client = new PHPRPC_Client("http://127.0.0.1/server.php"); IHello clientProxy = (IHello)client.useService(IHello.class); System.out.println(clientProxy.helloWorld()); } } 当我们把这个例子编译之后，在命令行中输入以下命令就可以看到执行结果了： java -classpath .;phprpc_client.jar HelloWorld 这个 Java 的客户端看上去比 PHP 的要稍微复杂一些，不过仍然很好理解。在 Java 客户端中，我们使用了接口来描述远程方法，之后我们通过 useService 方法返回一个远程代理对象，该对象实现了我们定义的接口，之后我们就可以直接调用远程方法 helloWorld 了。如果你比较细心的话，你还会发现我们在 PHP 中定义的方法和在 Java 中定义的接口的名字的大小写有点不同，但是仍然可以正常调用。是的，PHPRPC 发布的方法是不区分大小写的。所以不论你所使用的语言是否区分大小写，都可以按照自己（或语言）的习惯来定义方法名。 在本章的最后，我们再来看一下在 JavaScript 如何调用它的服务。顺便再强调一下，服务器端不止是可以用 PHP 来编写，你同样可以使用其它语言（比如 Java，.NET，Ruby，Python 等），这里我们只是以 PHP 为例而已。在这个例子中你还会看到如何使用加密传输。 view plaincopy to clipboardprint? <html> <head> <title>HelloWorld</title> [removed][removed] [removed] var client = new PHPRPC_Client('http://127.0.0.1/server.php', ['HelloWorld']); client.setEncryptMode(2); client.HelloWorld(function (result) { alert(result); }); [removed] </head> <body> </body> </html> 这个 JavaScript 是在网页中运行的，这里建议大家要把 head 和 body 标签都写全，即使它们对你来说看上去没有什么用处，但是在有些浏览器中，如果这些标签没有写全，或者写的不正确，程序就不能正确运行。 在这个例子中，我们会发现在创建 PHPRPC_Client 对象时，除了要写服务器地址以外，还要将远程方法的名字作为参数，因为远程方法可能不止一个，所以这个参数是数组类型的。 client.setEncryptMode(2); 这句是设置加密传输，参数 2 表示双向加密，就是参数和结果都加密（只不过这个 HelloWorld 比较特殊，它没有参数）。 接下来就是调用远程方法 HelloWorld 了，我们会发现它跟 PHP 和 Java 客户端的调用不太一样。是的，在 JavaScript 中远程调用都是采用异步方式的，也就是说要获得结果，需要用回调函数，回调函数作为远程方法的最后一个参数，回调函数也有四个参数，这里我们只使用第一个参数，也就是返回结果 result，通过 alert(result); 我们就可以在浏览器中看到最后弹出的 Hello World! 提示框了。 通过上面的例子，我们已经看到在 PHP、Java 和 JavaScript 这三种语言中使用 PHPRPC 都很简单，但因为语言的不同，在写法和用法上又有一些差别。不过你不用担心其它的语言跟它们也会有很大的差别，因为在接下来的章节中你很快就会发现其它语言跟这上面三种语言实现的写法和用法上的相似或相同之处了。
springMVC引入谷歌地图附java、velocity代码
08-09
springMVC引入谷歌地图附java、velocity代码，内附源码以及静态页面
Js前端插件demo（地图-拓扑图-图表）
05-27
JS插件Js前端插件demo（地图-拓扑图-图表） JS插件Js前端插件demo（地图-拓扑图-图表）
JSP调用第三方接口
培根芝士的专栏
04-24 2678
<%@ page pageEncoding="utf-8"%> <%@ page import="java.util.*,java.net.*,java.io.*"%> <% String url= "http://localhost:8091/test"; String param = "key=123&v=456"; URL real...
JSP页面添加百度地图
weixin_33935505的博客
05-18 915
关于如何在网页中加入百度地图，其实并没有想象中那么复杂，因为，这是一个开源的时代。下面简单介绍一下如何在网页中加入百度地图。为什么是简单介绍一下呢？因为是真的很简单…… 一、打开地图生成器 这个地址不好找，建议大家添加到收藏夹，百度地图生成器http://dev.baidu.com/wiki/static/map/API/tool/creatMap/ 二、创建地图 ...
jsp页面怎么调用severt
05-24
在JSP页面中调用Servlet可以使用以下步骤： 1. 在JSP页面中使用标签设置表单的action属性，将它指向Servlet的URL路径。例如，。 2. 在Servlet中编写doGet()或doPost()方法处理请求。 3. 在Servlet中使用request....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值