Page 1 of 1

¿Cómo puedo marcar varios puntos con Google Maps?

Posted: Tue Oct 13, 2020 11:12 pm
by karinha
Buenas noches, por favor:

¿Cómo puedo marcar varios puntos con Google Maps?
cree una matriz con los datos (nombre, dirección, código postal, ciudad, estado, etc.)
Y enviar a Google para posicionar en el mapa

Tipo:

Image

Gracias,

Regards, saludos.

Re: ¿Cómo puedo marcar varios puntos con Google Maps?

Posted: Wed Oct 14, 2020 10:13 pm
by cmsoft
Karinha:
Si te refieres a mostrar Markers, yo lo he hecho en php
Te dejo un script tal vez te sirva

Code: Select all

<script>
var map1, heatmap;


function initMap1() {
  map1 = new google.maps.Map(document.getElementById('map1'), {
    zoom: 13,
    center: {lat: -34.6629, -59.4211},
    styles: [
            {
              featureType: 'poi',
              elementType: 'labels',
              stylers: [{ visibility: "off" }]
            }
            ]

  });
  <?php $coor = explode(",", $res->ubicacion);?>
  var marker = new google.maps.Marker({
           position: {lat:-34.648238, lng:-59.423975},
           icon: '/img/mimarcador.png', // Aca podes definir un marcador personalizado
           map: map1,
           title: 'Mi Taller'
           });
           var contentString = '<div id="content">'+
            '<div id="siteNotice">'+
            '</div>'+
            '<h4 id="firstHeading" class="firstHeading">Mi Taller</h4>'+
            '<div id="bodyContent">'+
            '<p>Rubro: Taller<b></p>'+
            '<p>Para comprar: <a href="verproductos/taller">'+
            'Ir al comercio</a></p>'+
            '</div>'+
            '</div>';

            var infowindow = new google.maps.InfoWindow({
              content: contentString,
              maxWidth: 230
            });
           marker.setMap(map1);
           google.maps.event.addListener(marker,'click', (function(marker,content,infowindow){ 
                return function() {
                    infowindow.setContent(content);
                    infowindow.open(map,marker);
                };
            })(marker,contentString,infowindow));  
  var marker = new google.maps.Marker({
           position: {lat:-34.662994, lng:-59.421197},
           icon: '/img/mimarcador1.png', // Aca podes definir otro marcador personalizado
           map: map1,
           title: 'Mi Laboratorio'
           });
           var contentString = '<div id="content">'+
            '<div id="siteNotice">'+
            '</div>'+
            '<h4 id="firstHeading" class="firstHeading">Mi Laboratorio</h4>'+
            '<div id="bodyContent">'+
            '<p>Rubro: Laboratorio<b></p>'+
            '<p>Para comprar: <a href="verproductos/laboratorio">'+
            'Ir al comercio</a></p>'+
            '</div>'+
            '</div>';

            var infowindow = new google.maps.InfoWindow({
              content: contentString,
              maxWidth: 230
            });
           marker.setMap(map1);
           google.maps.event.addListener(marker,'click', (function(marker,content,infowindow){ 
                return function() {
                    infowindow.setContent(content);
                    infowindow.open(map,marker);
                };
            })(marker,contentString,infowindow));         
}
</script>
 

Re: ¿Cómo puedo marcar varios puntos con Google Maps?

Posted: Sat Oct 17, 2020 11:24 am
by karinha