有没有人对google map比较了解的,这个网站是如何实现?

hzcyclone 2011-03-14 05:01:22
http://www.opengreenmap.org/greenmap

点击google map上的某个地点 会出来一个框 里面有这个地点的信息 还可以做其他很多事情

请问这个是怎么实现的,哪位大侠指导下,用了什么技术,我会自学的,稍微点拨下
...全文
218 11 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 hzcyclone 的回复:]
我大概了解 可以传入xml文档 gmap会去调用
但是假如我有个很多个marker的话 还调的过来吗
[/Quote]
[Quote=引用 4 楼 hzcyclone 的回复:]
对于单个marker 我基本上了解了
我现在就是想有多个marker
而且可以根据搜索等到相应的marker[/Quote]

GMAP还提供一个自定义地图的功能。

用你的GOOGLE用户帐号登录GMAP,有个个人地图管理。在里面可以建立N个自定义的地图。每个地图里可以建立若干个标记点,并对标记点添加说明。每个自定义地图有个编号,GMAP会为你生成引用的代码,只需要复制下来,使用时粘贴过去,载入地图就是你所编辑的区域和该区域里那些自定义标记。如果有多个区域,可以分别建立不同的自定义地图,引用时切换不同代码即可。
showenxxx 2011-03-15
  • 打赏
  • 举报
回复
你可以看看Tile Coordinates那一部分
http://code.google.com/apis/maps/documentation/javascript/maptypes.html#TileCoordinates

我没有具体做过

但是感觉就是每次你改变地图的位置,根据你div的大小(像素)来找显示的范围,最后去你自己的数据库查询。

可能麻烦了点,还不如一次加载算了。

hzcyclone 2011-03-14
  • 打赏
  • 举报
回复
[Quote=引用 7 楼 showenxxx 的回复:]
具体操作还得要看你项目的需求

如果你有很多,N个marker,你可以跟具你显示的范围来加载,随着用户改变显示的区域来加载marker

搜索你可以在自己的服务器上,根据你定义的条件来查询,一旦取得结果,你就可以取得所有符合条件marker的坐标,然后在客户端加marker,如果你的数据量真的很大,那就做分页处理,一次显示20个查询结果,marker显示多了用户看着也晕。
[/Quote]

"随着用户改变显示的区域来加载marker" 这是个好主意 但是对于如何实现 我觉得很困难

搜索这个 我刚才也看了下别人做的网站 确实是按你说的来的
我再好好研究研究 多谢多谢
showenxxx 2011-03-14
  • 打赏
  • 举报
回复
给你个例子,这个实例全部开启至少加载上百个marker
http://gmaps-samples-v3.googlecode.com/svn/trunk/toomanymarkers/toomanymarkers.html
showenxxx 2011-03-14
  • 打赏
  • 举报
回复
具体操作还得要看你项目的需求

如果你有很多,N个marker,你可以跟具你显示的范围来加载,随着用户改变显示的区域来加载marker

搜索你可以在自己的服务器上,根据你定义的条件来查询,一旦取得结果,你就可以取得所有符合条件marker的坐标,然后在客户端加marker,如果你的数据量真的很大,那就做分页处理,一次显示20个查询结果,marker显示多了用户看着也晕。
hzcyclone 2011-03-14
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 showenxxx 的回复:]
多个marker和相应的弹出框内容放到数组里,循环往地图上加marker就好了

这句话不懂
而且可以根据搜索等到相应的marker
[/Quote]

“多个marker和相应的弹出框内容放到数组里,循环往地图上加marker就好了”

这样的话,假如我有1000个marker需要加在map上,分布是全世界各地的,那是从后台一次性取出这些marker的信息,放入数组吗?这样性能上没有压力吗?


“而且可以根据搜索等到相应的marker”
不好意思,我写错了,是搜索得到相应的marker
showenxxx 2011-03-14
  • 打赏
  • 举报
回复
多个marker和相应的弹出框内容放到数组里,循环往地图上加marker就好了

这句话不懂
而且可以根据搜索等到相应的marker
hzcyclone 2011-03-14
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 showenxxx 的回复:]
http://code.google.com/apis/maps/documentation/javascript/examples/infowindow-simple.html

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var myOptions = {
zoom: 4,
center: myL……
[/Quote]

对于单个marker 我基本上了解了
我现在就是想有多个marker
而且可以根据搜索等到相应的marker
hzcyclone 2011-03-14
  • 打赏
  • 举报
回复
我大概了解 可以传入xml文档 gmap会去调用
但是假如我有个很多个marker的话 还调的过来吗
showenxxx 2011-03-14
  • 打赏
  • 举报
回复
http://code.google.com/apis/maps/documentation/javascript/examples/infowindow-simple.html

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var myOptions = {
zoom: 4,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var contentString = '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+
'<div id="bodyContent">'+
'<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' +
'sandstone rock formation in the southern part of the '+
'Northern Territory, central Australia. It lies 335 km (208 mi) '+
'south west of the nearest large town, Alice Springs; 450 km '+
'(280 mi) by road. Kata Tjuta and Uluru are the two major '+
'features of the Uluru - Kata Tjuta National Park. Uluru is '+
'sacred to the Pitjantjatjara and Yankunytjatjara, the '+
'Aboriginal people of the area. It has many springs, waterholes, '+
'rock caves and ancient paintings. Uluru is listed as a World '+
'Heritage Site.</p>'+
'<p>Attribution: Uluru, <a href="http://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
'http://en.wikipedia.org/w/index.php?title=Uluru</a> (last visited June 22, 2009).</p>'+
'</div>'+
'</div>';

var infowindow = new google.maps.InfoWindow({
content: contentString
});

var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"Uluru (Ayers Rock)"
});

google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
正在加载昵称 2011-03-14
  • 打赏
  • 举报
回复
http://code.google.com/intl/zh-CN/apis/maps/

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧