最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

googleMaps教程

IT圈 admin 20浏览 0评论

2024年4月23日发(作者:速幼荷)

一、引言

当今,交互式的地图日益流行于现代Web应用程序中。而且,在这方面的确存在大量的潜在的用户:房地

产和旅游业就是两个很明显的领域;交互式的地图能够提供实时的附加值,而且还有其它许多功能。然而,

尽管今天许多的Web应用程序都能够充分利用集成式地图软件所带来的优点,但是许多开发团队却经常选

择避开集成具有完整功能的地理数据库系统所导致的复杂性。诚然,地图点击软件已经上市多年;然而,

真正具有交互功能的地图(实时地与服务器端进行交互)却一直被认为是相当复杂的,直到现在也是如此。

两种最近出现的技术—Google Maps与Ajax,使得在上述领域的开发相对容易多了。在本文中,我们将讨

论如何在你的Java Web应用程序中加入动态的交互式地图功能—以Google Maps API实现web接口,

以Ajax提供与服务器端的实时交互。本小系列(上下篇)意在对Google Maps和Ajax这两个框架作快速

入门性介绍,使你能够快速而容易地创建自己的交互式地图程序。

二、Google Maps简介

在本篇中,我们将讨论如何使用Google Maps API把一个具有丰富特征的地图集成到你的应用程序中。

Google Maps API是一种易于使用的JavaScript. API,它能够使你把交互式地图直接嵌入到你的应用程序

的web页面内部。并且我们将会看到,你会很容易地扩展它以便使用Ajax技术集成实时的服务器请求。

另一方面,Google Maps API入门是很容易的。不需要任何下载;你仅需要注册一下以取得一个使用这种

API的密钥即可,也不存在相应的收费问题。但是,你需要提供你的网站的URL;并且,当你的应用程序

发布于一个网站上时,你的密钥将仅使用这个URL工作。这种限制的一个恼人之处是,你需要针对你的开

发或测试机器建立一个专门使用的密钥:为了实现本文的示例代码,我不得不创建一个相应于

localhost:8080/maps的特定的密钥。

一旦你拥有了一个有效的密钥,你就可以开始使用Google Maps API。让我们先从一些简单的问题入手:

在我们的web页面上显示一幅地图。假定你已受命于Elbonia的旅游部门构建一个关于Elbonia地区的许

多旅游景点的宣传网站,特别是关于它的著名的温泉浴。注意:在我们的示例中,既然Elbonia很难在当

前地图中找到,那么,我们不妨显示一幅New Zealand(一个南太平洋中部的小岛国家)的地图。

尽管该API并不特别复杂,但是使用Google Maps也要求掌握一些基本的JavaScript知识。你还需要知

道你想显示的地区的纬度和经度。如果你不确定的话,你可以在互联网上查找这类信息,甚至是查阅一本

地图集!

我们的第一个Google Map的完整的代码实现列举如下:

Transitional//EN">

content="text/html; charset=UTF-8">

Our first Google Map

src="/maps?file=api&v=2&key=MYKEY"

type="text/javascript">

//

function load() {

if (GBrowserIsCompatible()) {

var map = new GMap2(mentById("map"));

ter(new GLatLng(-41.5, -185), 5);

}

}

//]]>

在此,首先要注意的是,该代码从Google Maps服务器取回实际的JavaScript代码。要使该代码能够工作,

你需要提供你的相应密钥。

src="/maps?file=api&v=2&key=MYKEY"

2024年4月23日发(作者:速幼荷)

一、引言

当今,交互式的地图日益流行于现代Web应用程序中。而且,在这方面的确存在大量的潜在的用户:房地

产和旅游业就是两个很明显的领域;交互式的地图能够提供实时的附加值,而且还有其它许多功能。然而,

尽管今天许多的Web应用程序都能够充分利用集成式地图软件所带来的优点,但是许多开发团队却经常选

择避开集成具有完整功能的地理数据库系统所导致的复杂性。诚然,地图点击软件已经上市多年;然而,

真正具有交互功能的地图(实时地与服务器端进行交互)却一直被认为是相当复杂的,直到现在也是如此。

两种最近出现的技术—Google Maps与Ajax,使得在上述领域的开发相对容易多了。在本文中,我们将讨

论如何在你的Java Web应用程序中加入动态的交互式地图功能—以Google Maps API实现web接口,

以Ajax提供与服务器端的实时交互。本小系列(上下篇)意在对Google Maps和Ajax这两个框架作快速

入门性介绍,使你能够快速而容易地创建自己的交互式地图程序。

二、Google Maps简介

在本篇中,我们将讨论如何使用Google Maps API把一个具有丰富特征的地图集成到你的应用程序中。

Google Maps API是一种易于使用的JavaScript. API,它能够使你把交互式地图直接嵌入到你的应用程序

的web页面内部。并且我们将会看到,你会很容易地扩展它以便使用Ajax技术集成实时的服务器请求。

另一方面,Google Maps API入门是很容易的。不需要任何下载;你仅需要注册一下以取得一个使用这种

API的密钥即可,也不存在相应的收费问题。但是,你需要提供你的网站的URL;并且,当你的应用程序

发布于一个网站上时,你的密钥将仅使用这个URL工作。这种限制的一个恼人之处是,你需要针对你的开

发或测试机器建立一个专门使用的密钥:为了实现本文的示例代码,我不得不创建一个相应于

localhost:8080/maps的特定的密钥。

一旦你拥有了一个有效的密钥,你就可以开始使用Google Maps API。让我们先从一些简单的问题入手:

在我们的web页面上显示一幅地图。假定你已受命于Elbonia的旅游部门构建一个关于Elbonia地区的许

多旅游景点的宣传网站,特别是关于它的著名的温泉浴。注意:在我们的示例中,既然Elbonia很难在当

前地图中找到,那么,我们不妨显示一幅New Zealand(一个南太平洋中部的小岛国家)的地图。

尽管该API并不特别复杂,但是使用Google Maps也要求掌握一些基本的JavaScript知识。你还需要知

道你想显示的地区的纬度和经度。如果你不确定的话,你可以在互联网上查找这类信息,甚至是查阅一本

地图集!

我们的第一个Google Map的完整的代码实现列举如下:

Transitional//EN">

content="text/html; charset=UTF-8">

Our first Google Map

src="/maps?file=api&v=2&key=MYKEY"

type="text/javascript">

//

function load() {

if (GBrowserIsCompatible()) {

var map = new GMap2(mentById("map"));

ter(new GLatLng(-41.5, -185), 5);

}

}

//]]>

在此,首先要注意的是,该代码从Google Maps服务器取回实际的JavaScript代码。要使该代码能够工作,

你需要提供你的相应密钥。

src="/maps?file=api&v=2&key=MYKEY"

发布评论

评论列表 (0)

  1. 暂无评论