colocar minha própria imagem como marcador em vez de marcar

9

Eu quero colocar meu marcador para este código:

  var map = new GMap2(document.getElementById("map-canvas"));
  map.addControl(new GLargeMapControl());
  map.addControl(new GMapTypeControl());
  map.setCenter(new GLatLng(<?=$lat;?>,<?=$lng;?>), 6);

  var point = new GLatLng(<?=$lat;?>,<?=$lng;?>);
  var marker = createMarker(point,'Welcome:<b></b><br>Second Info Window with an image<br><img src="http://localhost/gps/user_photo/"width=80height=80>')map.addOverlay(marker);functioncreateMarker(point,html){varmarker=newGMarker(point);GEvent.addListener(marker,"click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }

como posso fazer isso ?????

    
por keyur 16.05.2011 в 17:22
fonte

2 respostas

5

A API do Google Maps V3 (Certifique-se de usar apenas isso - você parece usar a API V2!) tem um bom documentação - certifique-se de marcar isto, você precisará.

Existem muitas amostras JavaScript . Aqui é um exemplo para criar um marcador personalizado.

Confira também a Galeria de demonstração para aplicativos avançados.

    
por Pekka 웃 16.05.2011 / 17:25
fonte
0

Concordo que você não deve usar a API v2, mas se for usá-la por algum motivo, poderá usar suas próprias imagens criando um GIcon e atribuindo-o ao marcador, ou seja

var mIcon = new GIcon();
mIcon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
mIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
mIcon.iconSize = new GSize(12, 20);
mIcon.shadowSize = new GSize(22, 20);
mIcon.iconAnchor = new GPoint(6, 20);
mIcon.infoWindowAnchor = new GPoint(5, 1);

As propriedades dos GIcon de seus nomes devem ser bastante auto-explicativas; existem os arquivos de imagem, seus tamanhos e, em seguida, duas âncoras - uma que especifica onde a imagem ficará presa ao mapa e outra que especifica onde a janela de informações será anexada ao marcador.

Quando você cria seu marcador, passa o ícone como um argumento e o atribui ao marcador, então

function createMarker(point,html) {
    var marker = new GMarker(point);

torna-se

function createMarker(point, mIcon, html) {
    var markerOptions = {icon: mIcon};
    var marker = new GMarker(point, markerOptions);

e isso deve cuidar dos negócios.

    
por Flygenring 18.05.2011 / 01:08
fonte