2
비영리 단체를 위해 FAFSA를 작성하고 맞춤 마커 이미지가있는 Google지도에 올려 놓을 위치 데이터베이스를 만들려고합니다. 위장자가 마커를 표시하는 것 같습니다.Google 자습서의 마커 문제 "Google지도에서 PHP/MySQL 사용"
여기<?php
require("mapdbinfo.php");
// Start XML file, create parent node
$dom = new DOMDocument("1.0");
$node = $dom->createElement("markers");
$parnode = $dom->appendChild($node);
// Opens a connection to a mySQL server
$connection=mysql_connect ("Localhost", $username, $password);
if (!$connection) { die("Not connected : " . mysql_error());}
// Set the active mySQL database
$db_selected = mysql_select_db($database, $connection);
if (!$db_selected) { die("Can\'t use db : " . mysql_error());}
$query = "SELECT * FROM locations WHERE 1";
$result = mysql_query($query);
if (!$result) { die("Invalid query: " . mysql_error());}
header("Content-type: text/xml");
// Iterate through the rows, adding XML nodes for each
while ($row = mysql_fetch_assoc($result)){
// Add to XML document node
$node = $dom->createElement("marker");
$newnode = $parnode->appendChild($node);
$newnode->setAttribute("name",$row['name']);
$newnode->setAttribute("address", $row['address']);
$newnode->setAttribute("lat", $row['lat']);
$newnode->setAttribute("lng", $row['lng']);
$newnode->setAttribute("type", $row['type']);
$newnode->setAttribute("date", $row['date']);
$newnode->setAttribute("cord", $row['cord']);
$newnode->setAttribute("cord_info", $row['cord_info']);
}
echo $dom->saveXML();
?>
는 자바 스크립트 :
function load() {
var location_icon = new google.maps.MarkerImage('images/FAFSA_Logo_icon.png');
var map = new google.maps.Map(document.getElementById("map"), {
center: new google.maps.LatLng(35.105305, -106.628014),
zoom: 9,
mapTypeId: 'roadmap'
});
var infoWindow = new google.maps.InfoWindow;
}
downloadUrl("mapmysql.php", function(data) {
var xml = data.responseXML;
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute("name");
var address = markers[i].getAttribute("address");
var type = markers[i].getAttribute("type");
var point = new google.maps.LatLng(
parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var html = "<b>" + name + "</b> <br/>" + address + "<b> Cordinator </b>" + cord + cord_info;
var icon = location_icon;
var marker = new google.maps.Marker({
map: map,
position: point,
icon: icon
});
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);
});
}
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);
}
그들이 마커가 표시되지 않는 이유를 알아낼 수 없습니다 여기
는 XML을 생성하는 PHP입니다. 파일은 해당 이미지 폴더에 있지만, 현재의 지식으로 효과적으로 문제를 해결할 수없는 곳이 여러 곳 있습니다. 나는 꽤 많이 복사하고 XML에서 끌어 오기 몇 가지 필드를 추가하는 것을 제외하고 Google 예제에서 코드를 붙여 넣은 사용자 지정 아이콘 이미지를 추가했습니다.이러한 마커를 표시하는 방법에 대한 아이디어가 있으십니까? 맵은 선택된 마커와 센터로 표시됩니다.
감사의 거품! "load"외부에 "map"을 초기화 한 다음 "load"내부에 "downloadUrl"을 넣으면이 문제가 해결 된 것 같습니다. 이것에 대한 튜토리얼에 의견을 남기 겠지만 그렇게 할 방법이 없다고 생각합니다. 나는 또한 안전한 측면에있는 모든 것의 외부에서 "location_icon"을 초기화했습니다. – Bryan
여러분을 환영합니다! 이 자습서에 대한 링크가 있습니까? 나는 좀 궁금해. – Bubbles
https://developers.google.com/maps/articles/phpsqlajax_v3은 이에 대한 자습서에 대한 링크입니다. – Bryan