显示标签为“Google Map”的博文。显示所有博文
显示标签为“Google Map”的博文。显示所有博文

2008/08/08

Secondlife and Google maps

没有评论:
“尼奥,你曾经作过这样的梦吗,你坚信不移的东西都是真的吗?你能从那样的梦中醒来吗?你能分辨出梦境与现实世界的区别吗?”-------《黑客帝国》

csail-mit

或许Google Earth实景版和Google Metaverse还比较遥远,我们不妨先来看看当Google Earth遇上SecondLife,会发生什么事?GeoGlobe正是这样的一个mashup,它将KML、GeoRSS及普通的RSS feed作为输入,然后将它们变成SecondLife里的GeoGlobe地理位置。换言之,将真实世界的数据有效地在SecondLife里形像化。感兴趣的朋友可到开发者的blog里了解详细。

http://envirolink.blogspot.com/2007/03/google-earth-in-second-life.html

使用Google Map API

没有评论:
AJAX是Asynchronous JavaScript + XML的缩写。它的目标是创造和基于桌面系统的应用一样丰富和相同响应方式的Web应用,并可以使用多种浏览器方便的访问。

  AJAX模型的一个著名应用就是Google Maps。你可以在http://maps.google.com上充分的使用它,并且惊讶于它的快速缩放能力和拖动能力。那么能不能把它强大的能力结合到你自己的应用程序里呢,这样不但你可以使用到它那强大的数据库,也可以使用它非常cool的界面。

  Google已经提供了一个免费的 Google Map API ,使得你很容易实现以上的想法。只要你同意使用规定,并且不要未经允许使得页面拥有超过每天50000的浏览量,你可以随意在自己的web站点使用Google的地图技术。本文将介绍如何实现这一点,尤其你将学会如何将地图集成到页面里,给用户标识出感兴趣的地点,甚至可以在点击某个关联的图标时给出一个地点相关的描述。目前使用Google这项技术的有http://www.chicagocrime.org,http://www.housingmaps.com/ 等等。

  系统需求

  使用Google Map API,你无需其他特别的web开发工具,所需的仅是文本编辑器,Web浏览器,和一个保存写好的web页面和脚本的web服务器。注意这里必须使用公开的web服务器,你不能使用内部服务器,因为每个请求都必须和Google Map的服务器交互。你需要在Google上注册并获取一个API的Key来使用,注意先访问这个站点了解相关的使用规则和申请方式:

  http://www.google.com/apis/maps/signup.html

  你需要将key和你的脚本进行集成以正确创建和显示你所需要的地图。

  第一个地图

  使用Google Map非常简单,只需要短短几行代码即可。你可以将以下的代码存储为HTML文件,并且将ADD_YOUR_KEY_HERE替换成你得到的API的Key,然后上传到自己的web服务器上。

<!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>
<script src="http://maps.google.com/maps?file=api&v=1 &key=ADD_YOUR_KEY_HERE" type="text/javascript">
</script>
</head>
<body>
<div id="map" style="width: 400px; height: 300px"></div>
<script type="text/javascript">
//<![CDATA[ var map = new GMap(document.getElementById("map")); map.centerAndZoom(new GPoint(-83.022206, 39.998264), 3); //]]>
</script>
</body>
</html>

  访问web服务器上的这个html文件,你在浏览器中看到俄亥俄州立大学的地图:

  在以上的脚本里有4个关键的地方,以下的代码片断是使得你可以使用Google Map服务的,但是你必须提供你自己的API Key:

<script src="http://maps.google.com/maps?file=api&v=1&key=ADD_YOUR_KEY_HERE" type="text/javascript">

  下面一些代码规定了html页面中页面的显示大小:长度,宽度。你可以把它放置到页面文件中的任何一行,使用表格和CSS都可以:

<div id="map" style="width: 400px; height: 300px"></div><script type="text/javascript">

  下面的代码创建一个GMap的对象(从Goolge的JavaScript脚本中的一个类进行实例化),使用它操纵其他的显示和控制部分:

var map = new GMap(document.getElementById("map"));

  最后,显示的地图的中心的经度是-83.022206和纬度39.998264。Gpoint的构造器的第二个参数是表明地图的俯视高度,1是最低的高度,16是最高的高度。

Google Map API: Get a marker's lat/lon

没有评论:

This script is to make a marker when you click the map. The idea is at first to obtain lat/lon parameters, then draw a marker overlay on the map.

GEvent.addListener(map, “click”,
function(marker, point) {
map.addOverlay(new createMarker(point));
}
);

function createMarker(point) {
var marker = new GMarker(point);
GEvent.addListener( marker, “click”,
function() {
//show the longitude
document.getElementById(”message1″).innerHTML = point.lat();
//show the latitude
document.getElementById(”message2″).innerHTML = point.lng();
}
);
return marker;
}

怎样使用google maps查地图

没有评论:

网址 http://maps.google.com

方法1. 输入邮政地址

然后在上面的搜索条内直接输入想要找的城市名称如“100 Memorial Drive #2-1c, Cambridge, MA 02142”,然后点右边的search maps 就可以找到大概位置了,然后再点地图上右上角中间的satellite按钮,就可以看到城市的卫星地貌了。滚动鼠标可以缩放地图大小。界面上面是录入框, 可直接输入地名定位地图。地图左上角是工具按钮。上下左右四个方向键,中间按钮回到最后一次查找的结果。左侧下面是分辨率,点+即放大一级,点-即缩小一 级,也可以拉动中间的滚动条直接改变分辨率。

利用这个卫星地图,还可以反查经纬度。将目标位置拉至最大分辨率,并将其拉至中心位置,在右侧“Link to this page”处点击右键,选中复制快捷方式,在文本编辑工具,如记事本中粘贴,可以看到一个形如“http: //maps.google.com/maps?ll=22.283084,114.174417&spn=0.004796,0.007918& t=k&hl=en”这样的地址,其中参数ll,就是纬度与经度,可以按需要对获取的经纬度小数点后保留适当的位数。如果要与朋友分享某一特定目 标特定分辩率的图片,直接将上述地址发送给朋友即可。
 
方法2. 直接输入经纬度

for example: 在search maps搜索框内输入
42.362686, -71.087029
会指到cambridge的broadway。

或者将经纬度代入
http://maps.google.com/maps?ll=纬度,经度&spn=0.1,0.1&t=k&hl= en

Note: =(latitude north, longtitude west),经纬度都使用十进制。经度一度约是 85.276公里,纬度一度是110.94公里。不同区域最大的分辨率会有所不同。地图显示后,可用鼠标拖动地图以显示不同区域。