Php 将数据或IP编码到谷歌地图中
我在我的网站上有一个捐款部分,我很感兴趣以下功能是否可行:我在网站上有一个捐款部分,我想在其中加入一个谷歌地图,在捐款来源的所有位置都有PIN码——这些位置不必精确(我想IP地址可以正常工作) 我想知道是否可以制作一个实时显示捐赠活动的谷歌地图。如果它需要实际数据(城市、州),我可以收集这些信息,因为该网站目前的设置方式如下:用户选择他们想要捐赠的金额,他们单击paypal按钮,他们通过paypal提交捐赠,重新发送到一个感谢页面,询问姓名、城市和州(此信息通过mySQL存储)。用户提供此数据并点击提交(在感谢页面上)后,他们被重新路由到捐赠者页面…这是我想要的一个谷歌地图,上面有代表所有捐赠者和他们来自的城市的PIN码。另外,由于数据加载在SQL db中,是否可以加载带有基于此数据的所有PIN码的地图,并且仍然使用新数据更新(实时)?最后,我使用的是PHP——与之有冲突吗 如果有人能提供任何建议,我将非常感谢。我对谷歌API有点不熟悉,所以我不确定它的功能。我也尝试过查看他们的文档和论坛,但没有发现任何非常有用的东西。非常感谢您抽出时间,感谢您的帮助Php 将数据或IP编码到谷歌地图中,php,sql,google-maps,real-time,geocode,Php,Sql,Google Maps,Real Time,Geocode,我在我的网站上有一个捐款部分,我很感兴趣以下功能是否可行:我在网站上有一个捐款部分,我想在其中加入一个谷歌地图,在捐款来源的所有位置都有PIN码——这些位置不必精确(我想IP地址可以正常工作) 我想知道是否可以制作一个实时显示捐赠活动的谷歌地图。如果它需要实际数据(城市、州),我可以收集这些信息,因为该网站目前的设置方式如下:用户选择他们想要捐赠的金额,他们单击paypal按钮,他们通过paypal提交捐赠,重新发送到一个感谢页面,询问姓名、城市和州(此信息通过mySQL存储)。用户提供此数据并
Ivan用户浏览器的地理位置可以使用W3C地理位置API进行检索。它非常深入,因此如果您没有阅读,我已经包含了一些我正在玩的原型代码。它应该会显示一个带有当前浏览器位置的标记 您可以将经度和纬度信息存储到数据库中,然后对其进行解析,并使用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>
html{高度:100%}
正文{高度:100%;边距:0px;填充:0px}
#地图画布{高度:100%}
函数初始化(位置){
var latlng=new google.maps.latlng(location.coords.latitude,location.coords.longitude);
变量myOptions={
缩放:19,
中心:拉特林,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById(“map_canvas”),
肌肽);
var marker=new google.maps.marker({
位置:latlng,
地图:地图,
标题:“你好,世界!”
});
}
感谢您提供此代码;然而,这并不完全是我要寻找的,但这是一个好的开始。我要寻找的代码只将捐赠的人放在地图上,而不一定是访问捐赠页面的用户。我担心此代码会将任何人放在地图上,而我只是试图显示捐赠的人。我想我的Inti所有的问题都是问题…不是你的回答。所以让我重新表述一下:假设我有一个城市和一个州的数据(通过SQL),我如何将数据传递给Google Maps,以便它显示在我的网站上?Google Map能否每隔几秒钟刷新一次?谢谢。我提供的代码将允许您在用户捐款时在表单中填写一个字段。此字段将自动填入用户的经度和纬度,在表单已提交。您可以使用javascript命令setInterval()为新捐赠者发出AJAX请求。使用Google Map javascript API为新捐赠者添加新的PlaceMarker。(添加覆盖)