地理编码数据或可能的IP到谷歌地图
问题描述:
我在我的网站上有一个捐款部分,我很感兴趣是否可以使用以下功能:我有一个网站的捐助者部分,我想要合并Google地图其中有针放置在所有的捐赠地点 - 这些地点不一定是确切的(IP地址将工作正常,我认为)。地理编码数据或可能的IP到谷歌地图
我想知道是否可以制作实时显示捐赠活动的Google地图。如果它需要实际的数据(城市,州),我可能会收集这些信息,因为该网站目前的设置方式如下:用户选择他们想要捐赠的金额,点击paypal按钮,他们通过paypal提交他们的捐赠,重新路由到一个感谢你的网页,要求提供一个名称,城市和州(这个信息通过mySQL存储)。在用户提供这些数据并点击提交后(在感谢页面上),他们被重新路由到捐助者页面...这是我想要一个带有代表所有捐赠人的引脚的谷歌地图,以及他们来自哪个城市。另外,因为数据是在SQL数据库中加载的,是否可以使用基于此数据的所有引脚加载映射,并且还可以使用新数据(实时)更新数据?最后,我使用PHP - 与此有任何冲突?
如果任何人都可以提供任何指针,我会很感激。谈到Google API时,我有点新手,所以我不确定这些功能。我也试图看看他们的文档和论坛,但没有发现任何有用的东西。我很感激你的时间,我感谢你的帮助!
伊凡
答
用户的浏览器的地理位置可以使用W3C地理位置API检索。它非常深入,如果你不参与阅读,我已经包含了一些我正在玩的原型代码。它应该在当前浏览器位置显示一个标记。
http://dev.w3.org/geo/api/spec-source.html
可以经度和纬度信息存储到数据库中,并随后对其进行分析并插入标记到谷歌与Javascript地图。
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=true">
</script>
<script type="text/javascript">
function initialize(location) {
var latlng = new google.maps.LatLng(location.coords.latitude,location.coords.longitude);
var myOptions = {
zoom: 19,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
var marker = new google.maps.Marker({
position: latlng,
map: map,
title:"Hello World!"
});
}
</script>
</head>
<body onload="navigator.geolocation.getCurrentPosition(initialize);">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
谢谢你的代码;然而,这并不是我正在寻找的,但这是一个好的开始。我正在寻找代码,这些代码只将那些捐赠给地图的人放在地图上,而不一定是访问捐赠者页面的用户。我担心这段代码会把任何人放在地图上,而我只是试图展示那些已经捐赠的人。我想我最初的问题是问题......不是你的回应。因此,让我改述一下:假设我有一个城市和一个状态数据(通过SQL),我如何将这些数据传递给Google地图,以便将其显示在我的网站上? Googlemap也可以每隔几秒刷新一次?谢谢 – 2011-04-14 05:26:39
我提供的代码将允许您在用户捐赠时填写表单中的一个字段。该字段将自动填充用户的经度和纬度,当提交表单时可以将其存储在数据库中。 您可以使用javascript命令setInterval()为新的donaters发出AJAX请求。 http://www.w3schools.com/jsref/met_win_setinterval.asp 使用Google Map Javascript API为新捐助者添加新的地标。 (添加叠加层) http://code.google.com/apis/maps/documentation/javascript/overlays.html#AddingOverlays – zer0bit 2011-04-14 06:07:28