Возникли проблемы с API-интерфейсом Google Maps, который не выдает ошибку в журнале консоли и не отображает информацию инфобокса. - PullRequest
0 голосов
/ 11 апреля 2019

Я новичок в стеке, и вроде как новичок в кодировании (я знаю только html, css и js)

Я должен заранее извиниться, потому что не умею правильно форматировать.

Я пытался понять, как работает API Google Maps, и это первое, что я изучаю после изучения javascript.

Моя проблема в том, что, когда я помещаю маркер вниз на карту, появляется маленькое информационное окно, но нет информации о том месте, где находится маркер.Это просто показывает крошечную коробку с х над маркером.Я также получил сообщение об ошибке:

js? Key = AIzaSyBv33V50K4maF6RQ-hSRAV6ULoto5p4Iog & библиотеки = места, рисование, геометрия и обратный вызов = initMap: 79 InvalidValueError: setPosition: не LatLng или LatLngLiteral.

1011 * _ Oc @ JS ключ = AIzaSyBv33V50K4maF6RQ-hSRAV6ULoto5p4Iog и библиотеки = места, рисование, геометрия и обратный вызов = initMap:.? 79

_ Rc @ JS ключ = AIzaSyBv33V50K4maF6RQ-hSRAV6ULoto5p4Iog и библиотеки = места, рисование, геометрия и обратный вызов= initMap: 79

(анонимно) @ JS ключ = AIzaSyBv33V50K4maF6RQ-hSRAV6ULoto5p4Iog и библиотеки = места, рисование, геометрия и обратного вызова = initMap:?.? 92

1017 * _ S.setValues ​​@ JS ключ = AIzaSyBv33V50K4maF6RQ-hSRAV6ULoto5p4Iog и библиотеки= места, рисование, геометрия и обратный вызов = initMap: 196

pf @ js? key = AIzaSyBv33V50K4maF6RQ-hSRAV6ULoto5p4Iog & library = места, рисование, геометрия и обратный вызов = initMap: 108

_. q33 @ jsbvf =-hSRAV6ULoto5p4Iog & библиотеки = места, рисование, геометрия и обратный вызов = initMap: 108

addMarker @ cool.html: 156

(анонимный) @ cool.html: 129

(анонимный) @ place_impl.js: 20

(анонимный) @ place_impl.js: 19

e @ place_impl.js: 4

c @ common.js: 67

(аноним) @ PlaceService.FindPlaceFromText? 1 музей современного искусства, Австралия, 2e2 & 3m0 & 5m2 & 3m1 & 1s2, 2m2 & 2m2 & 2m2 & 2m2 & 2m2 & 2m2 & 2m2 & 2m2 & 2m2 & 2m2 & 2m2 & 2m2 & 2m2 & 2s22 xdc ._ u5xqct & key = AIzaSyBv33V50K4maF6RQ-hSRAV6ULoto5p4Iog & token = 70488: 1

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

Я также пошел туда, где говорилось, что Lat Lng был неправ, но я не совсемпонимаю, что я там делаю не так.

Я не очень хорош в отладке, но учусь по пути.Большинство моих ошибок были устранены, и теперь у меня есть только эта.

function initMap() {

        var sydney = new google.maps.LatLng(-33.867, 151.195);
        infowindow = new google.maps.InfoWindow();
        map = new google.maps.Map(document.getElementById('map'), {
          zoom: 7,
          center: sydney,
          mapTypeId: 'roadmap'
        });

        //following is for infowindow
        var request = {
    query: 'Museum of Contemporary Art Australia',
    fields: ['name', 'geometry'],
  };

  service = new google.maps.places.PlacesService(map);

  service.findPlaceFromQuery(request, function(results, status) {
    if (status === google.maps.places.PlacesServiceStatus.OK) {
      for (var i = 0; i < results.length; i++) {
        addMarker(results[i]);
      }
      map.setCenter(results[0].geometry.location.place);
    }
  });

        //end of info window
        //FOLLOWING ADDS MARKERS 
        // This event listener will call addMarker() when the map is clicked.
        map.addListener('click', function(event) {
          addMarker(event.latLng);
        });
     // Adds a marker at the center of the map.
        addMarker(sydney);   
      } //end of first function

    // Adds a marker to the map and push to the array.
      function addMarker(place) {
        var marker = new google.maps.Marker({
          position: place,
          map: map
        });      
        google.maps.event.addListener(marker, 'click', function() {
    infowindow.setContent(place.name);
    infowindow.open(map, this);
  });      
        markers.push(marker);
      }

Я ожидаю, что после того, как я положу маркер вниз и нажму на него, над маркером появится информационное окно, которое говорит оместоположение и показывает адрес.

То, что на самом деле произошло, было то, что окно будет очень маленьким, без информации вообще и ошибка в журнале.

...