Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Problema con los markers y el titulo en Google Maps V2 javascript

Estas en el tema de Problema con los markers y el titulo en Google Maps V2 javascript en el foro de Frameworks JS en Foros del Web. Hola, estoy usando un mapa de google V2 para poner los markers desde una base de datos, necesito que el nombre se vea en todo ...
  #1 (permalink)  
Antiguo 28/04/2012, 16:31
 
Fecha de Ingreso: agosto-2009
Mensajes: 2
Antigüedad: 14 años, 8 meses
Puntos: 0
Pregunta Problema con los markers y el titulo en Google Maps V2 javascript

Hola, estoy usando un mapa de google V2 para poner los markers desde una base de datos, necesito que el nombre se vea en todo momento, y la única solución que encontré es este código que genera un popup dentro del mapa.
Código:
               <script type="text/javascript">
    document.write('<script type="text/javascript" src="popupmarker'+(document.location.search.indexOf('packed')>-1?'_packed':'')+'.js"><'+'/script>');
  </script>

<script type="text/javascript">

    //<![CDATA[

    var iconBlue = new GIcon(); 
    iconBlue.image = 'mm_20_blue.png';
    iconBlue.shadow = 'mm_20_shadow.png';
    iconBlue.iconSize = new GSize(12, 20);
    iconBlue.shadowSize = new GSize(22, 20);
    iconBlue.iconAnchor = new GPoint(6, 20);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);

    var iconRed = new GIcon(); 
    iconRed.image = 'mm_20_red.png';
    iconRed.shadow = 'mm_20_shadow.png';
    iconRed.iconSize = new GSize(12, 20);
    iconRed.shadowSize = new GSize(22, 20);
    iconRed.iconAnchor = new GPoint(6, 20);
    iconRed.infoWindowAnchor = new GPoint(5, 1);

    var customIcons = [];
    customIcons["restaurant"] = iconBlue;
    customIcons["bar"] = iconRed;

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(-27.366667, -70.333333), 5);

        // Change this depending on the name of your PHP file
        GDownloadUrl("phpsqlajax_genxml.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            var name = markers[i].getAttribute("name");
 var opts = {
          text : "Volcan " + name
        };
        
        var marker = new PopupMarker(new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng"))), opts);
        map.addOverlay(marker);
            var address = markers[i].getAttribute("address");
            var type = markers[i].getAttribute("type");

            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
									
            var marker = createMarker(point, name, address, type);
            map.addOverlay(marker);
          }
        });
      }
    }

    function createMarker(point, name, address, type) {
      var marker = new GMarker(point, customIcons[type]);
      var html = "<b>Volcan " + name + "</b> <br/>" + "<p>Dispone de la siguiente infomacion:</p>" + address + "<li><a>Informacion General</a></li><li>Informacion Eruptiva Moderna</li><li>Vulcanologia Fisica</li><li>Geoquimica de Rocas</li><li>Geoquimica de Fluidos</li><li>Edades</li><li>Mapa geoligico</li><br><br/>";
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }
    //]]>
  </script>

El problema que tengo es q el marcador que se genera cuando hago el popupmarker no deja que se despliegue la ventana de infowindows del icono volcan (intente poniéndolo antes de que se generara el otro marcador pero solo aparece atrás el rojo (como se ve en la imagen), pero de todas maneras no abre el infowindows) como podría eliminar el icono rojo del otro marcador pero manteniendo el globo con el nombre. Muchas gracias

El popupmarker lo saque desde:
http://gmaps-utility-library-dev.googlecode.com/svn/tags/popupmarker/1.1/e
xamples/simple.html
http://gmaps-utility-library-dev.googlecode.com/svn/tags/popupmarker/

No tengo mucho conocimiento pero lo necesito o si tienen otra alternativa para ponerle el nombre como salen los marcadores en el google earth, muchas gracias de antemano.
Ayôn
  #2 (permalink)  
Antiguo 05/05/2012, 15:34
 
Fecha de Ingreso: septiembre-2011
Ubicación: Yucatán
Mensajes: 42
Antigüedad: 12 años, 7 meses
Puntos: 8
Respuesta: Problema con los markers y el titulo en Google Maps V2 javascript

Lo puedes hacer poniendo una imagen, en lugar del boton, la imagen puede contener texto o la pura imagen.

Te dejo un trabajo que hice, ahora el cliente solo tiene puesto imagenes de texto, pero puden ser logos.
http://www.misfavoritos.mx

Un detalle nada mas, google maps ya no esta usando la v2, ahora esta en uso la v3, aunque el trabajo que te muestro esta en la v2, esto porque ya tiene un tiempo que lo realice.

Sin embargo tengo todos los codes para trabajarlo en v3

Etiquetas: markers, popupmarker, titulo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:03.