2014-01-04 3 views
0

Я пытаюсь собрать HTML-страницу, которая будет работать в моей локальной сети, чтобы я мог просматривать некоторые записи в моем MySQL db. До сих пор я хорошо разбирал его, и у меня есть отдельный XML-файл со всеми моими записями в базе данных. Каждая запись имеет широту и долготу. Там около 500 записей; XML довольно длинный.UnexpectedIdentifier в latLng

Я пытаюсь построить каждую из этих записей по их значениям lat/long с помощью карты кластеров Google Map (v3 API). Я читал следующую документацию: http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/docs/examples.html.

Однако, как новичок, мне нужна помощь, отлаживающая мой JavaScript и получение всего этого последнего препятствия! У меня есть следующее:

// MarkerCluster object 
function load(){ 
    var center = new google.maps.LatLng(53.37810447576022,-1.4622077941894531); 
    var options = { 
     'zoom': 7, 
     'center': center, 
     'mapTypeId': google.maps.MapTypeId.ROADMAP 
    }; 
    // Create Map inside "map-canvas" <id> tag of HTML page. 
    var map = new google.maps.Map(document.getElementById("map-canvas"), options); 

    downloadUrl("phpgenxml.php", function(data) { 
    chop = [] 
    var xml = data.responseXML; 
    var markers = xml.documentElement.getElementsByTagName("marker"); 
    for (var i = 0; i < markers.length; i++) { 
     var latLng = new.google.maps.LatLng(parseFloat(markers[i].getAttribute("latitude")),parseFloat(markers[i].getAttribute("longitude"))); 
     var marker = new google.maps.Marker({'position': latLng}); 
     chop.push(marker); 
    } 
    var markerCluster = new MarkerClusterer(map, chop); 
    }); 

    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); 
    } 

    function doNothing() {} 
} 
load(); 

В принципе, карта вообще не отображается. Вы можете помочь?

+0

Какие ошибки в javascript сообщается в консоли? Как выглядит ваш XML? Это действительно? Можете ли вы указать на него свой веб-браузер и посмотреть данные? Как выглядит ваш HTML-код? У вашей карты размер? – geocodezip

+0

Это моя проблема; это не так. Я использую Chrome. –

+0

Да, я могу видеть данные (если вы имеете в виду XML-файл?). –

ответ

1

У вас есть посторонние "." в var latLng = new.google.maps.LatLng(, должно быть var latLng = new google.maps.LatLng( (заменить его пробелом)

Смежные вопросы