gpt4 book ai didi

php - 使用 PHP、MySQL 和 Google map 创建商店定位器有点不同

转载 作者:可可西里 更新时间:2023-11-01 08:21:14 26 4
gpt4 key购买 nike

我想使用 Google map 创建商店定位器。

我有一个数据库,其中包含旅游对象表(及其坐标)和酒店表(也及其坐标)。

我希望用户在加载伦敦塔页面后能够查看 10 公里半径范围内的对象附近有哪些酒店,并在 Google map 上用标记显示结果。

到目前为止,我只能使用 haversin 公式从数据库中获取 10 公里范围内的酒店并将其显示为文本:

$result = mysql_query("SELECT  nume,  poze, descriere, link, (
(
ACOS( SIN( 45.515038 * PI( ) /180 ) * SIN( latitudine * PI( ) /180 ) +
COS( 45.515038 * PI( ) /180 ) * COS( latitudine * PI( ) /180 ) *
COS( ( 25.366935 - longitudine ) * PI( ) /180 )
) *180 / PI( )
) *60 * 1.1515 * 1.609344
) AS distance
FROM `unitati`
HAVING distance <= '10'
ORDER BY distance ASC
LIMIT 0 , 30");

如何将它们显示为 map 上的标记?

我找到了这个,我认为它可以帮助我:http://code.google.com/intl/ro-RO/apis/maps/articles/phpsqlsearch.html , 但它有不同的逻辑:用户输入地址。

最佳答案

此示例接受您的查询(您需要使用每个目标的纬度/经度编辑 45.515038 和 25.366935)并将其输出为数组的 JS 数组(如果您愿意,可以将其设为更正式的 JSON)

然后循环遍历该数组,为每个数组制作标记并将它们放置在 map 上。最后,它为每个添加一个点击监听器,以便显示相关信息。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<style>
#map_canvas{width:500px;height:500px;}
</style>
</head>

<body>
<div id="map_canvas"></div>
<script>
<?php
//you'll first need to connect to your db
//you also have to edit the lat/lng in your SELECT statement to be that of your objective
$result = mysql_query("SELECT latitudine, longitudine, nume, poze, descriere, link, (
(
ACOS( SIN( 45.515038 * PI( ) /180 ) * SIN( latitudine * PI( ) /180 ) +
COS( 45.515038 * PI( ) /180 ) * COS( latitudine * PI( ) /180 ) *
COS( ( 25.366935 - longitudine ) * PI( ) /180 )
) *180 / PI( )
) *60 * 1.1515 * 1.609344
) AS distance
FROM `unitati`
HAVING distance <= '10'
ORDER BY distance ASC
LIMIT 0 , 30");
$c=0;
echo "var data=[";
while($markers=mysql_fetch_array($result)){
if($c>0){echo ",";}
echo "['".$markers[0]."','".$markers[1]."','".$markers[2]."','".$markers[3]."','".$markers[4]."','".$markers[5]."','".$markers[6]."'"."]";
$c++;
}
echo "];";
?>
//var data=[['45','-73','home','poz1','desc1','link1'],['43','-75','work','poz2','desc2','link2']];
var places=new Array();
var map;
var MyInfoWindow = new google.maps.InfoWindow({content: 'Loading...'});
var bounds = new google.maps.LatLngBounds();
var myOptions = {
zoom: 9,
mapTypeControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map_canvas'),myOptions);
for(i=0;i<data.length;i++){
var point=new google.maps.LatLng(data[i][0],data[i][1]);
var a = new google.maps.Marker({position: point,map: map, icon:'someHotelIcon.png'});
a.lat=data[i][0];
a.lng=data[i][1];
a.nume=data[i][2];
a.poze=data[i][3];
a.desc=data[i][4];
a.url=data[i][5];
places.push(a);
}
for(i=0;i<places.length;i++){
var point2=new google.maps.LatLng(places[i].lat,places[i].lng);
bounds.extend(point2);
}
map.fitBounds(bounds);
var objLoc=new google.maps.LatLng(45.515038,26.366935);
var objectiveMarker = new google.maps.Marker({position: objLoc,map: map, icon:'objectiveIcon.png'}); //---------------Marker for objective
for (var i = 0; i < places.length; i++) {
var marker = places[i];
google.maps.event.addListener(marker, 'click', function () {
MyInfoWindow.setContent(this.nume+'<br/>'+this.desc+'<br/><a href=\"'+this.url+'\">link</a>');
MyInfoWindow.open(map, this);
});
}
</script>
</body>
</html>

关于php - 使用 PHP、MySQL 和 Google map 创建商店定位器有点不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8376134/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com