Php 从MySQL加载动态Google标记
我想知道是否有人能帮助我 我正在使用下面的脚本从MySQL数据库动态加载Google标记,该脚本运行良好Php 从MySQL加载动态Google标记,php,google-maps-api-3,Php,Google Maps Api 3,我想知道是否有人能帮助我 我正在使用下面的脚本从MySQL数据库动态加载Google标记,该脚本运行良好 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Map My Finds - My Finds Per Location</title>
<link rel="stylesheet" href="myfindsperlocation.css" type="text/css" media="all" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=en"></script>
<script type="text/javascript">
function load() {
var map = new google.maps.Map(document.getElementById("map"), {
center: new google.maps.LatLng(54.312195845815246,-4.45948481875007),
zoom:14,
mapTypeId: 'satellite'
});
var infoWindow = new google.maps.InfoWindow;
downloadUrl("loadmyfindsperlocation.php", function(data) {
var xml = data.responseXML;
var markers = xml.documentElement.getElementsByTagName("marker");
var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < markers.length; i++) {
var locationid = markers[i].getAttribute("locationid");
var point = new google.maps.LatLng(
parseFloat(markers[i].getAttribute("findosgb36lat")),
parseFloat(markers[i].getAttribute("findosgb36lon")));
var marker = new google.maps.Marker({
map: map,
position: point
});
bounds.extend(point);
map.fitBounds(bounds);
bindInfoWindow(marker, map, infoWindow, html);
}
});
}
function bindInfoWindow(marker, map, infoWindow, html) {
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker, html);
});
}
function downloadUrl(url, callback) {
var request = window.ActiveXObject ?
new ActiveXObject('Microsoft.XMLHTTP') :
new XMLHttpRequest;
request.onreadystatechange = function() {
if (request.readyState == 4) {
request.onreadystatechange = doNothing;
callback(request, request.status);
}
};
request.open('GET', url, true);
request.send(null);
}
function doNothing() {}
</script>
</head>
<body onLoad="load()">
<div id="map"></div>
</body>
</html>
映射我的发现-每个位置的我的发现
函数加载(){
var map=new google.maps.map(document.getElementById(“map”),{
中心:新google.maps.LatLng(54.312195845845815246,-4.45948481875007),
缩放:14,
mapTypeId:'卫星'
});
var infoWindow=new google.maps.infoWindow;
下载URL(“loadMyFindPerLocation.php”,函数(数据){
var xml=data.responseXML;
var markers=xml.documentElement.getElementsByTagName(“标记”);
var bounds=new google.maps.LatLngBounds();
对于(var i=0;i
您将看到它是一个相对简单的表单,它调用外部PHP文件中的数据,如我的脚本所示:downloadUrl(“loadMyFindPerLocation.PHP”,function(data){
我现在正试图将PHP脚本合并到上面的代码中,但我似乎无法加载映射,我怀疑将该文件作为URL调用是有必要的
请原谅我的提问,我对PHP和XML还比较陌生,但有人能告诉我如何在不将其作为外部URL加载的情况下调用它吗
非常感谢和亲切的问候我没有你的CSS或PHP,所以我只能猜测。你在Javascript控制台中看到错误了吗 我所做的是添加以下样式和加载的映射,即使PHP丢失并给我错误
html, body, #map { margin: 0; padding: 0; height: 100% }
关于加载PHP,它必须返回一个有意义的XML。您可以有一个预写的XML并加载它。我没有CSS或PHP,所以只能猜测。您在Javascript控制台中看到错误了吗 我所做的是添加以下样式和加载的映射,即使PHP丢失并给我错误
html, body, #map { margin: 0; padding: 0; height: 100% }
关于加载PHP,它必须返回一个有意义的XML。你可以有一个预先编写好的XML,也可以加载它。Hi@Lilina,感谢你花时间回复我的帖子并为我澄清。Kind regardsHi@Lilina,感谢你花时间回复我的帖子并为我澄清。亲切的问候