El siguiente código de ejemplo proporcionado por el api de google maps

          var geocoder;
          var map;
          function initialize() {
            geocoder = new google.maps.Geocoder();
            var latlng = new google.maps.LatLng(40.77627, -73.910965);
            var myOptions = {
              zoom: 8,
              center: latlng,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
          }

la siguiente sólo muestra el mapa de google de el lugar sin un marcador.
Me preguntaba cómo puedo colocar un marcador dando latitud/longitud parámetros?
Y ¿cómo es posible almacenar la información de mi propio extraen de una base de datos en ese marcador?

qué u refiero a por la segunda pregunta? «¿cómo es posible que guarde mi propia información se extrae de una base de datos en la que el marcador» ¿deseas obtener lat gnl a partir de una base de datos y utilizarla para trazar marcador?
Dicen que el marcador está en lat 40,-73 quiero que el marcador se puede hacer clic y cuando hago clic en la información que se muestra es algo así como la reciente información del tiempo.
entonces usted está buscando un mp con la info de la ventana y también una API tiempo.
echa un vistazo a mi respuesta. si usted tiene alguna pregunta, por favor hágamelo saber. también hay un jsfiddle demo que te permite jugar con el final de los códigos en la pantalla.

OriginalEl autor xiaolin | 2011-03-16

1 Comentario

  1. 31

    Aquí es un JSFiddle Demo que muestra cómo establecer un mapa de google marcador por Lat Gnl y también cuando se hace clic le daría una ventana de información (burbuja):

    Aquí está nuestro HTML básico con 3 hipervínculos cuando se hace clic añade un marcador en el mapa:

    <div id="map_canvas"></div>
    
    <a href='javascript:addMarker("usa")'>Click to Add U.S.A</a><br/>
    <a href='javascript:addMarker("brasil")'>Click to Add Brasil</a><br/>
    <a href='javascript:addMarker("argentina")'>Click to Add Argentina</a><br/>

    Primero debemos poner en 2 variables globales. uno para el mapa y la otra una matriz para mantener a nuestros marcadores:

    var map;
    var markers = [];

    Este es nuestro inicializar para crear un mapa de google:

    function initialize() {
        var latlng = new google.maps.LatLng(40.77627, -73.910965);
        var myOptions = {
            zoom: 1,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    }

    Luego creamos 3 lat gnl lugares donde nos gustaría dejar a nuestros marcadores:

    var usa = new google.maps.LatLng(37.09024, -95.712891);
    var brasil = new google.maps.LatLng(-14.235004, -51.92528);
    var argentina = new google.maps.LatLng(-38.416097, -63.616672);

    Aquí vamos a crear una función para agregar a nuestros marcadores basados en lo que se pasa en ella. myloc será estados unidos, brasil o argentina y luego creamos el marcador basado en el pasado param. En el addMarker función que compruebe y asegúrese de que no duplicar marcador en el mapa llamando a los bucles for y si nos pasa param ya se ha creado, a continuación, volvemos a salir de la función y no hacer nada, otra cosa que crear el marcador y empújelo hacia el mundial de marcadores de la matriz. Después de que el marcador se crea que, a continuación, adjuntar una ventana de información con sus asociados marcador haciendo markers[markers.length-1]['infowin'] marcadores.longitud-1 es simplemente llegar a los recién empujado marcador en la matriz. Dentro de la ventana de información de la que hemos configurado el contenido con html. Esto es, básicamente, la información que usted pone en la burbuja o ventana de información (que puede ser el clima de la información que se puede rellenar el uso de una API tiempo y etc). Después de la ventana de información se adjunta a continuación nos adjuntar un evento onclick de escucha utilizando el Mapa de Google API addListener y cuando el marcador se hace clic queremos abrir la ventana de información que está asociada con él llamando this['infowin'].open(map, this) donde el mapa es nuestro mapa mundial y este es el marcador actualmente estamos asociando el evento onclick.

    function addMarker(myloc) {
        var current;
        if (myloc == 'usa') current = usa;
        else if (myloc == 'brasil') current = brasil;
        else if (myloc == 'argentina') current = argentina;
        for (var i = 0; i < markers.length; i++)
        if (current.lat() === markers[i].position.lat() && current.lng() === markers[i].position.lng()) return;
    
        markers.push(new google.maps.Marker({
            map: map,
            position: current,
            title: myloc
        }));
    
        markers[markers.length - 1]['infowin'] = new google.maps.InfoWindow({
            content: '<div>This is a marker in ' + myloc + '</div>'
        });
    
        google.maps.event.addListener(markers[markers.length - 1], 'click', function() {
            this['infowin'].open(map, this);
        });
    }

    Cuando todo está hecho básicamente adjuntar window.onload evento y llamar a la función initialize:

    window.onload = initialize;
    Hola El código JS que el violín no es trabajo.. necesitamos añadir ningún aparte de la continuación de las líneas de… <script src=»maps.googleapis.com/maps/api/js?v=3.exp»></script> <script src=»code.jquery.com/jquery-1.11.1.min.js»></script>
    Hola, me acaba de hacer clic en este JSFiddle y parece estar funcionando todavía. Sin embargo, con lo que se dice, creo que Google Map API requiere una clave de API ahora. Probar y ver si la adición de una clave de API de trabajo para usted. Ha sido un tiempo desde que he actualizado alguna de la respuesta de StackOverflow. developers.google.com/maps

    OriginalEl autor KJYe.Name

Dejar respuesta

Please enter your comment!
Please enter your name here