Google maps api Кластеризация - JavaScript - Ответ 9691452

@ole_zha · 26.10.2016, 17:08 **[ТС]**

окей, разобрался почти-что!
РЕБЯТ НУ ПОМОГИТЕ!
Все вроде бы окей, но только консоль уже ругается

TypeError: marker.getPosition is not a function. (In 'marker.getPosition()', 'marker.getPosition' is undefined)
Тобишь, если я правильно интерпретировал, то он не может в блоке

Javascript

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

получить данные позиции поинтера.
Ругается причем на официальные гугловские js-скрипты (14 ошибок)

Вот весь листинг:

Javascript

//<![CDATA[
    var customIcons = {
      restaurant: {icon: 'assets/img/map/pointer_green.png'},
      bar: {icon: 'assets/img/map/pointer_favourited.png'}};
    var options = {imagePath: 'assets/img/map/pointer_green.png'};
  function load() {
   var map = new google.maps.Map(document.getElementById("map"), {
        center: {lat: 47.6145, lng: -122.3418}, 
        zoom: 10,
        mapTypeId: 'roadmap',
        disableDefaultUI: 'true'
      });
var infoWindow = new google.maps.InfoWindow;
      navigator.geolocation.getCurrentPosition(function(position) {
      var pos = {
        lat:  position.coords.latitude,
        lng: position.coords.longitude
      };
     map.setCenter(pos);
   });
      downloadUrl("system/phpsqlajax_genxml.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 = "<img scr='/assets/img/map/pointer_green.png'><b>" + name + "</b> <br/>" + address + "<form><button>follow</button></form>";
          var icon = customIcons[type] || {};
          var marker = new google.maps.Marker({
            map: map,
            position: point, 
            icon: icon.icon});
   var markerCluster = new MarkerClusterer(map, markers,options); 
   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);
    }
     function doNothing() {}
   //]]>

Добавлено через 51 минуту
РЕШЕНО!

Если есть вопросы, попробую ответить)

Javascript

//<![CDATA[
 
    var customIcons = {
      restaurant: {icon: 'assets/img/map/pointer_green.png'},
      bar: {icon: 'assets/img/map/pointer_favourited.png'}};
    var options = {imagePath: 'assets/img/map/m'};
 
 
  function load() {
   var map = new google.maps.Map(document.getElementById("map"), {
        center: {lat: 47.6145, lng: -122.3418}, 
  //   center: new google.maps.LatLng(47.6145, -122.3418), 
 //    zoom: 15,
        zoom: 10,
        mapTypeId: 'roadmap',
        disableDefaultUI: 'true'
      });
 
 
var infoWindow = new google.maps.InfoWindow;
 
 
// ---------------------
// ---------------------Try HTML5 geolocation.
// ---------------------
      navigator.geolocation.getCurrentPosition(function(position) {
      var pos = {
        lat:  position.coords.latitude,
        lng: position.coords.longitude
      };
     map.setCenter(pos);
   });
// --------------------- 
//--------------------end of geolocation
// ---------------------
 
 
  // Change this depending on the name of your PHP file
      downloadUrl("system/phpsqlajax_genxml.php", function(data) {
     var xml = data.responseXML;
     var markerss = [];
     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")));
 
//custom infowindow creating here
          var html = "<img scr='/assets/img/map/pointer_green.png'><b>" + name + "</b> <br/>" + address + "<form><button>follow</button></form>";
          var icon = customIcons[type] || {};
          var marker = new google.maps.Marker({
            map: map,
            position: point, 
            icon: icon.icon});
   markerss.push(marker);
   bindInfoWindow(marker, map, infoWindow, html);
         }   
var markerCluster = new MarkerClusterer(map, markerss,options); 
      });
    }
    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() {}
   //]]>

Вернуться к обсуждению:
Google maps api Кластеризация JavaScript

Другие темы раздела
JavaScript сделать swf файл Здравствуйте. Имеется ли возможность с помощью какой нибудь программы имея папку с файлом сценария jscript, html, xml собрать флеш в виде swf файла. Извиняюсь за может быть глупый вопрос, но сам что-то не нашел или не так формулировал вопрос в гугле Или из папки с файлами (см.скрин) собрать аналогично swf возможно? https://www.cyberforum.ru/ javascript-api/ thread1832610.html	JavaScript Js practices Посоветуйте какое ни будь задание для js которое качественно поможет укрепить знания по js если я уже немного знаю этот язык и хочу понять его более углубленно. Например лучше понять контекст, замыкания, наследование, и т.д желательно с классами. И кстати в каких случаях лучше использовать es6 и старый js. И какие есть разновидности скриптов?
JavaScript Преобразование https://www.cyberforum.ru/ javascript-api/ thread1832163.html Всем привет. При нажатии необходимо менять с "Закрыто" на "Открыто" и обратно, не трогая "Окно:". Неработает split(). <p id="open" onclick="show(this)">Окно: Закрыто!</p> function show(elem) { var str = document.getElementById(elem.id).firstChild; console.log(str); // "Окно: Закрыто!" var st = str.split(":");	JavaScript Google maps api SQL + GEO https://www.cyberforum.ru/ javascript-api/ thread1831891.html Дорогие киберфорумчане! Есть проблемка, написал скрипт по гугловским гайдам. В конструкции два глобальных блока: 1)Определение геопозиции пользователя 2)Парсинг балунов из базы данных Смешно, но по отдельности все работает прекрасно, но когда пытаюсь совместить два блока, то что-то обязательно не работает! :( Комментариями выделил блоки. В Js я не силен и обращаюсь к вам за помощью и...
Как совместить setTimeout и цикл for? JavaScript Здравствуйте уважаемые форумчане! Есть блок типа div, который должен менять фон через каждую секунду. Теперь нужно, используя цикл for при каждом прохождении цикла сделать задержку каждого цвета на одну секунду с помощью setTimeout. Дело в том, что цикл for выдает только последнее прохождение и не хочет задерживаться на каждом цвете. Поискал ответ в интернете, пришел к такому написанию скрипта:...	JavaScript JavaScript для просмотра IP-TV Есть ли решение на JavaScript для просмотра IP-TV ? https://www.cyberforum.ru/ javascript-api/ thread1831556.html
JavaScript Как задать время действия скрипту без использования JQuery? https://www.cyberforum.ru/ javascript-api/ thread1830841.html Здравствуйте, уважаемые форумчане. Есть такой скрипт. <div style="width:300px; height:300px; background-color:red;" id="col"></div> <script type="text/javascript"> setInterval(changeBgGreen,1000); setInterval(changeBgBlue,2000); function changeBgGreen(){ document.getElementById('col').style.background = "green"; } function changeBgBlue(){ ...	Как использовать виждеты ВКонтакте запуская сайт на localhost:8080? JavaScript Пробую установить на html виджет ВКонтакте. Когда запускаю локальный сервер обращаюсь в адресной строке к localhost:8080 и виджет не отображается, ругается что это кроссдоменный запрос и предлагает использовать доверенные домены которые я указывал в приложении в VK. Но когда пробую установить доверенным доменом localhost:8080 оно его обрубает и оставляет только localhost. Как можно запускать...
JavaScript Imacros через js Вообщем не качает картинку. Хотя обычный imacros работает отлично и без iimPlayCode('');. Заходит на сайт, все делает что нужно, но картинку не качает. В чем дело? iimPlayCode('VERSION BUILD=8820413'); iimPlayCode('SET !EXTRACT_TEST_POPUP NO'); iimPlayCode('SET !ERRORIGNORE NO'); iimPlayCode('SET !TIMEOUT_PAGE 999'); iimPlayCode('SET !TIMEOUT_STEP 999'); iimPlayCode('TAB CLOSEALLOTHERS');... https://www.cyberforum.ru/ javascript-api/ thread1830300.html	JavaScript Api для торговой площадки https://www.cyberforum.ru/ javascript-api/ thread1830273.html Нужна помощь в написании Api, который просто выгрузит строки предложений с этого сайта http://meatinfo.ru/trade?deal=sale в блокнотик, чтобы в дальнейшем уже можно было работать с этой информацией.
Как работают подобные выражения ? JavaScript Почему работают подобные выражения в JS 1 + - + + + + - 1 ? :scratch:	JavaScript Расширение для ХРОМА https://www.cyberforum.ru/ javascript-api/ thread1829625.html Добрый день! Пытаюсь сделать расширение для хрома, при добавлении его выдает вот такие придупреждения : При установке расширения возникли предупреждения: 'content_scripts' is only allowed for extensions and legacy packaged apps, but this is a packaged app. 'tabs' is only allowed for extensions and legacy packaged apps, but this is a packaged app. вот код файла manifest.json { // Required...

	26.10.2016, 17:08