A maneira mais simples de fazer um mashup do Google Map?

StackOverflow https://stackoverflow.com/questions/15247

  •  08-06-2019
  •  | 
  •  

Pergunta

Dada uma lista de locais como

<td>El Cerrito, CA</td>
<td>Corvallis, OR</td>
<td>Morganton, NC</td>
<td>New York, NY</td>
<td>San Diego, CA</td>

Qual é a maneira mais fácil de gerar um mapa do Google com alfinetes para cada local?

Foi útil?

Solução

Presumo que você já tenha o básico do Maps em seu código com sua chave de API.

<head>
  <script 
   type="text/javascript"
   href="http://maps.google.com/maps?
         file=api&v=2&key=xxxxx">
  function createMap() {
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(37.44, -122.14), 14);
  }
  </script>
</head>
<body onload="createMap()" onunload="GUnload()">

Tudo no Google Maps é baseado na latitude (lat) e longitude (lng).
Então, para criar um marcador simples, você apenas criará um GMarker com lat e lng.

var where = new GLatLng(37.925243,-122.307358); //Lat and Lng for El Cerrito, CA
var marker = new GMarker(where); // Create marker (Pinhead thingy)
map.setCenter(where); // Center map on marker
map.addOverlay(marker); // Add marker to map

No entanto, se você não quiser procurar o Lat e o Lng de cada cidade, poderá usar o Geo Coder do Google.Aqui está um exemplo:

var address = "El Cerrito, CA";
var geocoder = new GClientGeocoder;
geocoder.getLatLng(address, function(point) {
  if (point) {
    map.clearOverlays(); // Clear all markers
    map.addOverlay(new GMarker(point)); // Add marker to map
    map.setCenter(point, 10); // Center and zoom map on marker
  }
});

Então, eu apenas criaria uma matriz de GLatLngs de cada cidade a partir do GeoCoder e depois os desenharia no mapa.

Outras dicas

Confira a Exemplos de API do Google MapsEles tornam tudo muito simples e a documentação da API é ótima.A maioria dos exemplos serve para fazer todo o código em JavaScript no lado do cliente, mas também existem APIs para outras linguagens disponíveis.

Eu acho que seriam necessárias mais informações para realmente lhe dar uma resposta, mas no Django Pluggables há um Plug-in Django-googlemap isso pode ser útil.

Editar: Adam tem uma resposta muito melhor.Na dúvida veja os exemplos da API.

Experimente isto: http://www.google.com/uds/solutions/wizards/mapsearch.html

É um assistente do Google Maps que irá gerar o código para você.Não é o melhor para sua aplicação;mas um bom lugar para "molhar os pés" ;)

Editar:(encontrei o link), aqui está um bom tutorial passo a passo da API do Google Maps.

Boa sorte!

/mp

Aqui estão alguns links, mas como acontece com a maioria das coisas, ainda não tentei experimentá-los.

http://gathadams.com/2007/08/21/add-google-maps-to-your-net-site-in-10-minutos/

http://www.mapbuilder.net/

Saúde John

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top