Я пытаюсь получить несколько маркеров из моего SQL

Мой XML-файл отображает требуемую информацию, как указано в следующей ссылке

  http://e-track.biz/map/xml.php

XML из ссылки:








Проблема, как и большинство других, которые я вижу на сайте, заключается в том, что он не показывает мне маркеры.

Вот мой HTML-файл, чтобы попытаться загрузить маркеры на карту, как показано

 
 


PHP/MySQL & Google Maps Example



   

    
     

Я использую образец в руководствах по картам Google. Он показывает карту, но помощь маркеров не приветствуется

Trevor Ackermann

Ответов: 1

Ответы (1)

Ошибка javascript (Uncaught ReferenceError: тип не определен), сгенерированная этой строкой вашего кода:

var icon = customIcons[type] || {};

Если вам не нужны пользовательские значки, удалите эту строку и измените определение ваших маркеров на:

var marker = new google.maps.Marker({
    map: map,
    position: point,
    }); 

(потому что значок не будет определен)

живой пример

фрагмент кода:

function load () {
  var map = new google.maps.Map (document.getElementById ("map"), {
    center: новый google.maps.LatLng (47.6145, -122.3418),
    зум: 13,
    mapTypeId: 'дорожная карта'
  });
  var infoWindow = новый google.maps.InfoWindow;

  // downloadUrl ("SO_20160101.xml", function (data) {
  вар xml = parseXml (xmlData); // data.responseXML;
  var markers = xml.documentElement.getElementsByTagName («маркер»);
  var bounds = новый google.maps.LatLngBounds ();
  for (var i = 0; i  
" + Время; var marker = new google.maps.Marker ({ карта: карта позиция: точка, // значок: icon.icon }); bindInfoWindow (маркер, карта, infoWindow, html); } map.fitBounds (границы); //}); } function bindInfoWindow (marker, map, infoWindow, html) { google.maps.event.addListener (marker, 'click', function () { infoWindow.setContent (html); infoWindow.open (карта, маркер); }); } function downloadUrl (url, callback) { var request = window.ActiveXObject? новый ActiveXObject ('Microsoft.XMLHTTP'): новый XMLHttpRequest; request.onreadystatechange = function () { if (request.readyState == 4) { request.onreadystatechange = ничего не делать; обратный вызов (запрос, запрос.статус); } }; request.open ('ПОЛУЧИТЬ', URL, истина); request.send (ноль); } функция doNothing () {} function parseXml (str) { if (window.ActiveXObject) { var doc = new ActiveXObject ('MicrosoftXMLDOM'); doc.loadXML (str); вернуть документ; } else if (window.DOMParser) { return (новый DOMParser ()). parseFromString (str, 'text / xml'); } } google.maps.event.addDomListener (окно, «загрузка», загрузка); var xmlData = ' ';
HTML,
тело,
#карта {
  высота: 100%;
  ширина: 100%;
  маржа: 0px;
  отступ: 0 пикселей
}

2022 WebDevInsider