您正在查看 "Google Maps" 分类下的文章
2008年09月09日 星期二 16:24
其实,在创建一个Google地图搜索控件以后,在这个基础上创建一个热点(Hot Spot)数组,并将其添加到GSmapSearchControl控件实例中的Options中即可。
当然,这样实现的地图搜索是向Google的服务器请求数据,然后对各个热点在地图上进行查找。
如下代码所示:
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN | |
2008年09月09日 星期二 11:22
有了Google Maps控件,也有了Google AJAX Search 控件,我们期望的就是将这两者整合到一起:通过一个检索控件可以检索地图上的内容。
Google已经能够让我们做到了,可以非常简单地将一个具有检索功能的模块添加到自己的网站上,甚至你不需要自己进行编码,如果你只是想要看一下最简单的搜索地图的效果。
使用Google 的Maps Search Wizard可以非常轻松地实现,而对于地图首次在网站上加载,你期望的时候加载当前你所在的地理位置或者区域,这也Very easy,只要你知道在中国写一个联系地址的方式就可以了, |
2008年09月07日 星期日 21:26
GSearchControl类有很多行为,可以通过调用它的方法来设置控件的行为。
执行默认查询
使用execute()方法,需要指定一个检索表达式,如下所示:

这个非常容易了。
操作检索结果
这里主要使用了GSearchControl类的setO |
2008年09月07日 星期日 13:10
Google AJAX Search控件中,可以添加定制的搜索器,目前拥有如下一些搜索器类可以选择:
GwebSearch,GvideoSearch,GblogSearch,GnewsSearch,GimageSearch,GbookSearch
当然,可以通过Google AJAX Search API的GsearcherOptions类来设置搜索器及其绘制模式(显示的外观表现)。
这里主要研究GsearcherOptions类的设置对Google AJAX Search控件中的检索器的影响,主要是显示样式。
Google AJAX Search API中解释如下:
|
2008年09月06日 星期六 22:54
可以定制自己需要的样式,在页面前端显示具有个性的Google AJAX Search 控件。
说明一点:
Google AJAX Search API中认为GSearchControl类的实例是“搜索控件”,而对于加入该搜索控件的各个分类检索类(如GwebSearch,GvideoSearch,GblogSearch,GnewsSearch,GimageSearch,GbookSearch)的实例称为“检索器”。
这里,主要讲的是对搜索控件的配置。
设置google AJAX Search 控件的显示方式及其位置,即对于GSearchControl类的实例,可以使用可选的GdrawOptions类来设置。该类 |
2008年09月06日 星期六 16:20
Google AJAX Search API功能也非常强大,而且非常易用。只需要进行简单的定制或者设置某些参数变量就能实现非常方便的检索功能,体验相当不错。
下面的例子,执行代码显示一个Google AJAX Search 控件:
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN | |
2008年09月06日 星期六 14:55
目前,可用的Google AJAX API有:
| 可用的 AJAX API
可用的 Google AJAX API 如下所示:
| |
2008年09月05日 星期五 13:59
最近一直在研究给基于双向链表的Google Maps控件的实现。因为以前对前台的JavaScript不是很重视,一直以来也没有好好地学习一下,用到的时候菜觉得好不顺手啊。
实现的控件名称为GViewMarkerControl,对应的JS文件如下所示:
| <!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" | |
2008年09月02日 星期二 11:49
然后,就是前台显示地图,并且用户可以实现交互的页面的。
其中 gmaps.jsp 文件的代码如下所示:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.ge | |
2008年09月02日 星期二 11:48
使用Google Maps实现:通过在地图上添加任何标记,然后对该标记所在的地理坐标进行标注,从而将数据(包含:姓名、国家、省份、城市、地址、经纬度坐标、备注)全部存储到我们自己的后台数据库中,以方便后面从自己的数据库中请求数据。
这里,数据库使用MySQL数据库,同时使用Hibernate作为持久层。
数据库为map,其中一个表markers,结构如下所示:
|
2008年09月01日 星期一 16:41
Google Maps自带实例多点测距尺实现的功能就是可以根据用户标出的任意多点,从而返回计算得到的各个点之间的距离。也就是说,计算出了一条折线的长度——是在地理上的实际距离。
实例代码如下所示:
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
| |
2008年08月31日 星期日 22:56
开始使用Google Maps的时候,就是不能正确显示中文。我还觉得很是奇怪呢,为何运行Google提供的完全一样的代码居然还出现乱码?!
其实,是我错了。出现乱码问题,就是页面的编码方式没有设置正确。
我使用EditPlus文本编辑器,在保存一个HTML文件的时候,它默认使用ASNI编码方式,而在页面中设置的居然是UTF-8编码,使得编码不一致,导致乱码。
如图所示:
|
2008年08月31日 星期日 16:56
可以直接使用Google Maps中的解析地址服务,来定位到指定的要查询的地点,当然,这是通过经纬度来定位的。
该例子实现的思路是:
首先,在地图加载的时候,对吉林省的某些城市使用默认的标记进行标识,这些城市的经纬度数据存储在一个XML文件中,points.xml,如下所示:
|
2008年08月31日 星期日 15:16
Google Maps中可以非常容易地加载并解析XML文件中存储的数据,从而丰富地图内容。比如,可以将某些经纬度的坐标点值存放到XML文件中,然后在地图显示的时候读取XML文件数据,根据XML文件中指定的坐标,来为当前地图添加标记(GMarker),标出你想添加标记的地点。
例如下面的例子:
|
2008年08月31日 星期日 14:54
既然,获取了Google Maps API Key,我们就已经拥有了一个地图。现在地图是非常单一的,不能满足实际的需要。需要向其中添加一些控件来丰富地图内容。
那么,Google Maps的控件有两种:
一种是Google Maps API自带的控件类,即GControl类,如下所示:
|