• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Google Maps Api - zaznaczanie nazwami miast oraz ulic

Object Storage Arubacloud
0 głosów
185 wizyt
pytanie zadane 18 listopada 2019 w JavaScript przez Toner92 Nowicjusz (120 p.)

Hej, cześć i czołem!

Piszę mapę dla mojego serwisu, i natknąłem się na pewien problem.
Opiszę jak to powinno działać :)

  1. Z mojej aplikacji wyciągam sobie Jsona z imieniem i nazwiskiem oraz miejscowością.
  2. Przekazuje JSONa to Google Maps Api.
  3. Zaznaczam sobie gdzie ktoś zamówił, i podpisuje imieniem i nazwiskiem.

Finalnie chce, aby była mapka z której widzę co się kręci na “rewirze” :)

Dla przykładu utworzyłem dane z tablicą, łatwiej do czytania.

http://wklejto.pl/783379

<!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
  <title>Google Maps Multiple Markers</title> 
  <script src="https://maps.googleapis.com/maps/api/js?key=JAK_NAZYWA_SIE_CZLOWIEK_NOZ_JA NUSZ :)&callback=initMap"
          type="text/javascript"></script>
</head> 
<body>
  <div id="map" style="width: 500px; height: 400px;"></div>
 
  <script type="text/javascript">
    var locations = [
      ['Krzysztof Jakistam z Pozniania', 52.406376, 16.925167],
      ['Adam z Radomia', 51.406670, 21.125441]
    ];
 
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 6,
      center: new google.maps.LatLng(51.759048, 19.458599),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
 
    var infowindow = new google.maps.InfoWindow();
 
    var marker, i;
 
    for (i = 0; i < locations.length; i++) {  
      marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
        map: map
      });
 
      google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
          infowindow.setContent(locations[i][0]);
          infowindow.open(map, marker);
        }
      })(marker, i));
    }
  </script>
</body>
</html>

I gdzie jest problem, a no problem leży w miejscu miejscowości. Nie chcę podawać współrzędnych lat oraz lng(bo tego z mojej aplikacji nie wyciągne) tylko np. Warszawa ul. Krucza 7. Poznań Termalna 5 itd itd…

Z góry dzięki załogo!

1 odpowiedź

0 głosów
odpowiedź 20 listopada 2019 przez DawidK Nałogowiec (37,910 p.)

Geokoder z google maps powinien rozwiazać Twój problem:

A service for converting between an address and a LatLng.

https://developers.google.com/maps/documentation/javascript/reference/geocoder/

https://developers.google.com/maps/documentation/javascript/geocoding

Podobne pytania

0 głosów
2 odpowiedzi 4,859 wizyt
0 głosów
0 odpowiedzi 138 wizyt
0 głosów
1 odpowiedź 1,524 wizyt
pytanie zadane 20 listopada 2017 w JavaScript przez pulson666 Stary wyjadacz (12,560 p.)

92,579 zapytań

141,432 odpowiedzi

319,663 komentarzy

61,964 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...