Google Places API ca marker

Limbaje de Programare JavaScript / Node
1

Salut! Am in baza de date mysql mai multe adrese ca “Bucuresti, Romania”, Cluj, Romania", “Bulevardul Alexandru Lăpușneanu, Constanța”.
Afisez locatia asa:
image_2021-08-15_103310

<iframe width="100%" frameborder="0" style="border:0;" src="https://www.google.com/maps/embed/v1/place?key={$sys['geolocation_key']}&amp;q={$info['page_location']}&amp;language=en"></iframe>

Separat de acest script, vreau sa pun marker in centrul fiecarei locatii din baza mea de date.
Este posibil sa pun un marker cu aceste denumiri? In baza de date nu am lat sau lng

2

Salut!

Trebuie sa ai latitudinea si longitudinea fiecarei locatii pentru a pune marker.

3

iar lat/lng le iei cu geocode. Atenție la costuri totuși, poți ajunge repejor la sume semnificiative, mult peste ăia $200 primiți din oficiu.

1 Like
4

Am reusit ceva dar primesc o eroare

function setMarkers2(map) {

    var infowindow = new google.maps.InfoWindow();
    for (var i = 0; i < points_test.length; i++) {
        var point = points_test[i];
		

    const geocoder = new google.maps.Geocoder();
    geocoder.geocode({ 'address': point[2] }, (res, status) => {
	  
      if (status == google.maps.GeocoderStatus.OK) {
		  console.log(res[0].geometry.location.lat());
		  console.log(res[0].geometry.location.lng());	
	
 		  var test_latitude = res[0].geometry.location.lat();
		  var test_longitude = res[0].geometry.location.lng();
      } 
    });		
			
	
        var marker = new google.maps.Marker({
            position: {
                lat: test_latitude,
                lng: test_longitude
            },
            map: map,
            title: "demo",
            icon: {
                url: point[1],
                scaledSize: new google.maps.Size(70, 70)
            },
        });

Primesc:
Uncaught (in promise) ReferenceError: test_latitude is not defined
Uncaught ReferenceError: test_longitude is not defined

5

Iti faci cont, configurezi harta cum vrei, dupa care dai Generate Code.

Aici o sa-ti creeze un url de genul:

https://snazzymaps.com/embed/12345678

Intri pe link, dai ctrl+u si copiezi tot ce se afla in tag-ul body.

6

nu vreau o mapa statica, vreau sa iau valori din baza de date

7

Asta te ajuta sa-ti faci o idee despre cum trebuie sa arate codul. Poti baga putin php prin js-ul ala si o faci dinamica :slight_smile: