2011-04-14 68 views
0

我在我的网站上有一个捐款部分,我很感兴趣是否可以使用以下功能:我有一个网站的捐助者部分,我想要合并Google地图其中有针放置在所有的捐赠地点 - 这些地点不一定是确切的(IP地址将工作正常,我认为)。地理编码数据或可能的IP到谷歌地图

我想知道是否可以制作实时显示捐赠活动的Google地图。如果它需要实际的数据(城市,州),我可能会收集这些信息,因为该网站目前的设置方式如下:用户选择他们想要捐赠的金额,点击paypal按钮,他们通过paypal提交他们的捐赠,重新路由到一个感谢你的网页,要求提供一个名称,城市和州(这个信息通过mySQL存储)。在用户提供这些数据并点击提交后(在感谢页面上),他们被重新路由到捐助者页面...这是我想要一个带有代表所有捐赠人的引脚的谷歌地图,以及他们来自哪个城市。另外,因为数据是在SQL数据库中加载的,是否可以使用基于此数据的所有引脚加载映射,并且还可以使用新数据(实时)更新数据?最后,我使用PHP - 与此有任何冲突?

如果任何人都可以提供任何指针,我会很感激。谈到Google API时,我有点新手,所以我不确定这些功能。我也试图看看他们的文档和论坛,但没有发现任何有用的东西。我很感激你的时间,我感谢你的帮助!

伊凡

回答

1

用户的浏览器的地理位置可以使用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> 
+0

谢谢你的代码;然而,这并不是我正在寻找的,但这是一个好的开始。我正在寻找代码,这些代码只将那些捐赠给地图的人放在地图上,而不一定是访问捐赠者页面的用户。我担心这段代码会把任何人放在地图上,而我只是试图展示那些已经捐赠的人。我想我最初的问题是问题......不是你的回应。因此,让我改述一下:假设我有一个城市和一个状态数据(通过SQL),我如何将这些数据传递给Google地图,以便将其显示在我的网站上? Googlemap也可以每隔几秒刷新一次?谢谢 – 2011-04-14 05:26:39

+0

我提供的代码将允许您在用户捐赠时填写表单中的一个字段。该字段将自动填充用户的经度和纬度,当提交表单时可以将其存储在数据库中。 您可以使用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