#jquery #html #google-maps
#jquery #HTML #google-карты
Вопрос:
Я не понимаю, почему она не отображается
Это карта Google, и я следовал этому руководству.
http://code.google.com/apis/maps/articles/phpsqlajax.html
проблема в том, что карта отображается в IE, но нет маркеров? У кого-нибудь есть идеи
Вот страница, удаленная страница, поскольку она сейчас работает.
<!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">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Barefoot Runners User Map</title>
<script src="http://maps.google.com/maps?file=apiamp;v=2amp;key=key"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var iconBlue = new GIcon();
iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
iconBlue.iconSize = new GSize(12, 20);
iconBlue.shadowSize = new GSize(22, 20);
iconBlue.iconAnchor = new GPoint(6, 20);
iconBlue.infoWindowAnchor = new GPoint(5, 1);
var iconRed = new GIcon();
iconRed.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
iconRed.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
iconRed.iconSize = new GSize(12, 20);
iconRed.shadowSize = new GSize(22, 20);
iconRed.iconAnchor = new GPoint(6, 20);
iconRed.infoWindowAnchor = new GPoint(5, 1);
var customIcons = [];
customIcons["restaurant"] = iconBlue;
customIcons["bar"] = iconRed;
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
//map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(38.323272, -95.712891), 4);
// Change this depending on the name of your PHP file
GDownloadUrl("phpsqlajax_genxml3.php", function(data) {
var xml = GXml.parse(data);
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("street");
var point = new GLatLng(parseFloat(markers[i].getAttribute("latitude")),
parseFloat(markers[i].getAttribute("longitude")));
var marker = createMarker(point, name, address);
map.addOverlay(marker);
}
});
}
}
function createMarker(point, name, address, type) {
var marker = new GMarker(point, customIcons[type]);
var html = "<b>" name "</b> <br/>" address;
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 800px; height: 600px"></div>
</body>
</html>
Комментарии:
1. Какие-либо ошибки? Предупреждения? Проверяется ли HTML? Подается ли она как HTML или XHTML? И т.д. и т.п.
Ответ №1:
он терпит неудачу var xml = GXml.parse(data)
, так что, очевидно, что-то не так с xml, возвращаемым phpsqlajax_genxml3.php
<marker name="Olle Albinsson" street="Professorsvägen" latitude="65.617922" longitude="22.152571" />
похоже на специальные символы?
Обновить
Для отладки этих ошибок в Internet Explorer вы можете использовать «Инструменты разработчика». Когда вы нажимаете F12 в IE, вы получаете какой-то инструмент для отладки firebug / chrome. Проверка консоли даст вам много информации при наличии ошибок javascript.
В вашем случае я проверил Network
вкладку и скопировал содержимое XML-файла в документ. Консоль инструментов разработчика IE сообщила, что у нас проблемы в сети * что, похоже, является маркером, как указано выше.
Удачи
Комментарии:
1. есть идеи о том, как устранить эту проблему? Я просто извлекаю данные из базы данных.
2. смотрите Мой обновленный пост с маркером, который вызывает проблему.. возможно, вы могли бы использовать функцию php
htmlspecialchar()
или другую функцию кодирования3. Спасибо, я рассмотрю это. Как вы нашли проблему, с которой я искал ее повсюду. Я новичок в этом и хотел бы узнать какие-либо инструменты или как вы нашли, какой символ или строка это были.
4. Хорошо, я думаю, что я позаботился об этом специальном символе, но он снова испортился. Не могли бы вы проверить, не останавливается ли он на Олле Альбинссоне. Я подожду, чтобы узнать, как вы нашли, где искать, так как сейчас я все еще не могу понять, на какой из них смотреть, чтобы исправить.
5. да, спасибо, с вашей помощью я заработал прошлой ночью. Теперь пришло время опубликовать новый вопрос с глупым drupal. Мне было проще перейти к phpsqlajax_genxml3.php в firefox это будет указывать на символ, который не соответствует метке. Затем я бы посмотрел в myphpadmin и нашел, что это должно было быть, и добавил его к специальным символам.