Web 2.0 também significa software distribuído através de APIs (application programming interface). A capacidade de usar recursos e funcionalidades remoto é extremamente útil em outra parte, na realidade, como a Internet. Além de Yahoo, com seu estilo Toolkit 2.0, Google - no contexto de geo-referenciamento - oferece aos seus ferramentas gratuitas, neste caso para o tratamento e gestão de mapas.
Google Maps API permite que você insira o Google Maps em suas páginas na web usando JavaScript.
A primeira coisa a fazer, antes que eles possam começar a experimentar com a API, você se cadastra no site http://www.google.com/apis/maps/ , a fim de obter uma chave (a UID) no local de uso. Na verdade, para cada web você precisa de uma chave!
Google oferece um serviço gratuito que é uma empresa de soluções de intranet e utilizações avançadas - ver: o Google Maps for Enterprise
A versão gratuita, no entanto, já resolve todas as necessidades possíveis. Obtido a chave é dado automaticamente uma página de resumo com um exemplos de código JavaScript. O primeiro passo é recuperar e longitude latidudine a área que você deseja visualizar.
1 2 3 4 5 6 | showMap function () { GBrowserIsCompatible ( ) ) { if (GBrowserIsCompatible ()) { new GMap2 ( document. getElementById ( "map" ) ) ; var map = new GMap2 (document. getElementById ("map")); new GLatLng ( 37.4419 , - 122.1419 ) , 13 ) ; . mapa setCenter (novo GLatLng (37,4419 - 122,1419), 13); } } |
O código de exemplo é bastante simples. presente sulla pagina, in questo caso un DIV con id="map" . É baseado sull'instanza uma classe GMap2() conectado a uma DIV na página, neste caso, um DIV com id="map" .
A documentação da API completa fornece alimentos adicionais para visualização posterior, como a definição da visão híbrida - via satélite / mapa - a ativação dos controles de zoom e para o movimento, a capacidade de conectar um "balão" com informação personalizada.
Uma maneira de ativar uma série de verificações é:
1 2 3 4 5 6 | new GMap2 ( document. getElementById ( "map" ) ) ; var map = new GMap2 (document. getElementById ("map")); new GLatLng ( 37.4419 , - 122.1419 ) ; centro var = new GLatLng (37,4419 - 122,1419); center , 17 , G_HYBRID_MAP ) ; // Mappa ibrida mapa. setCenter (centro, 17, G_HYBRID_MAP) / hybrid / Mapa new GMapTypeControl ( ) ) ; . mapa AddControl (GMapTypeControl new ()); new GLargeMapControl ( ) ) ; . mapa AddControl (GLargeMapControl new ()); new GScaleControl ( ) ) ; // Zomming . mapa AddControl (GScaleControl new ()) / / Zomming |
Você também pode associar uma GMarker, uma "nuvem" com informações adicionais e torná-lo reagir aos cliques do mouse.
1 2 3 4 5 6 7 8 9 10 11 | '<div class="td_testo"><strong>Prova Mio Nome</strong><br />Via Roma, 100<br />00100 - Roma, Italia</div><div class="menu"><a WINDOW_HTML var = '<div class="td_testo"> <strong> Try My Name </ strong> <br /> Via Roma, 100 <br /> 00100 - Roma, Itália </ div> <div class = "menu" > <a chegar até nós </ a> </ div> '; new GMarker ( center ) ; var marcador = new GMarker (centro); marker ) ; mapa addOverlay (marcador).; marker , 'click' , function ( ) { GEvent AddListener. (Marker, 'click', função () { WINDOW_HTML ) ; . Marcadores openInfoWindowHtml (WINDOW_HTML); }); marker , 'infowindowclose' , function ( ) { GEvent AddListener. (Marker, 'infowindowclose', function () { center , 2 ) ; . mapa recenterOrPanToLatLng (centro, 2); }); WINDOW_HTML ) ; . Marcadores openInfoWindowHtml (WINDOW_HTML); |
A documentação completa sobre o site cumpre todas as nossas necessidades, o uso de marcadores especiais, JSON, Ajax e muito mais. Entre outras coisas, há uma abundância de exemplos de exemplos de código online. A ferramenta - gratuita - para usar imediatamente!
Eu não posso deixá-lo entrar na história em quadrinhos ... você pode ter uma amostra ou obter mais informações sobre como fazê-lo em italiano?
obrigado
@ Villa Centopino: um exemplo é mostrado no Post. Que problema você está tendo exatamente? Por algum erro?
Olá
Eu inseri o balão não é copiar e colar, sem erros ...
Mas ainda assim eu resolvi procurar
Olá e obrigado
latitude e longitude pode ser derivado do nome da cidade e da rua?
[...] Desta vez eu responder a um comentário com um post, dado o interesse geral. Armando me perguntou se era possível, usando o Google Maps, Latitude e Longitude obtidos a partir de [...]
Olá,
Eu poderia usar uma mão.
Eu gostaria que minha comic foi já exibida sem ter a ver com os cliques do mouse.
Gostaria também os quadrinhos contém as opções "é o caminho para AQUI e AQUI."
É uma semana que sbattola cabeça, dá-me um favor manoper.
Obrigado e até breve
Thank you!
Olá a todos eu queria lhe perguntar por que eu não vejo o endereço e não MARKATOR endereço Mitrov ...
2
....
Escrevi assim:
2
3
4
5
"load(); onload = load "();
showAddress ('Road Portichina, CO 20 55049 Viareggio, Itália'); "
"GUnload();" onunload = "GUnload ();"
......
Muito obrigado
[...] Como colocar o Google Maps no seu site - heyos_ad_user = 8,748; heyos_ad_type = "G"; heyos_ad_format = "8"; heyos_color_border = "000066"; heyos_color_bg = "FFFFFF"; heyos_color_link = "005B88" heyos_color_text = " 000000 "; heyos_color_url =" 5F5F5F "[...]
[...] Exemplo, na lembrança da redação deste texto continua sendo um dos mais vistos pós Como adicionar o Google Maps em seu site, com 17.410 pontos de vista. Se você tem produtos ou serviços relacionados com a Google Map ou não, que [...]
Hej!
Helt är det har med ny até Google Maps API.
Jag önskar hjälp med på att atrás plats de som krävs kod-Bitar. Följande önskar uppnå jag.
Dar uma mão har en webbsida fyller uppgifter a disputa, dar o endereço Annat branda, stad och terra. Homem klick "submit" para informações och en lagras så Klart banco de dados.
Önskan min, nu är på att como en visningssida Skalli kunna klick på en och databasen postar as informações a serem vistos hämtas på och en sida. Det som jag önskar Skalli ske, att är en karta vistos dar uma mão har en Liten pin-point apenas på den endereço, ort terra och för den som var registrerad Posten.
HUR för att jag på gar tillväga ett disse Skapa enkelt och bra Satta.
Skriver och Lite PHP MySQL Jobb mot.
Tacksam om en nagone önskar hjälpa okunnig själ!
-Andreas
@ Andreas: Andreas querido, você pode escrever sua pergunta em Inglês?
@ Giovambattista Fazioli:
Olá!
São completamente novos para isso com o Google Maps API.
Eu quero ajudar a entrar em colocar o código-bits, conforme necessário. O seguinte, eu gostaria de alcançar.
Tem um site onde você preenche algum tempo, o que efetivamente Entre outras coisas, endereço, cidade e país. Clicar em "submit" e todas as informações armazenadas em um banco de dados claro que eu sei.
Meu desejo é que agora na página de visualização é clicar em uma entrada no banco de dados e depois recuperadas todas as informações e exibido em uma página. O que eu espero que acontecerá é que um mapa mostra onde você tem um pequeno pin-point apenas no endereço, cidade e país registrados para o Post That Was.
Como faço para criar isso de uma maneira simples e útil.
Escreve um pouco de PHP e MySQL trabalha contra.
Grato se alguém quiser ajudar uma alma ignorante!
-Andrew
@ Darius: Geocodificação Reversa ver. Perscrutando a fonte da página você vai encontrar o código necessário, comunqueq é, o "core" da solução é:
Adicionar um ouvinte para ouvir o clique e criar um objeto
GClientGeocoder:2
GClientGeocoder ( ) ; GClientGeocoder geocoder = new ();
O manipulador usa o assunto do clique
GClientGeocoderpara recuperar informações de sair da latitude e longitude do site:2
3
4
5
6
latlng != null ) { if (latlng! = null) {
address = latlng;
latlng , showAddress ) ; . geocoder getLocations (latlng, showAddress);
}
}
Então, no final, o manipulador de
showAddressmostrar a informação do lugar atravésplace.addressEu pergunto se você pode encontrar um site que funciona ao contrário, que por inserir as coordenadas que você pode encontrar o lugar.
Olá a todos!
Peço ao lado de especialistas, porque eu tive um problema que eu não posso consertar ... agora eu vou explicar:
Eu uso o Google Maps API para torná-lo navegável e mapa com zoom com uma extensão. Tiff georreferenciadas que é! Eu encontrei algumas informações com as quais eu percebi que antes de tudo a imagem do meu deve ser dividida em azulejos, apenas os recursos que eu achei ele diz que você pode fazer isso com o Photoshop ou o Paint Shop Pro (ou algum outro programa pequeno , eu acho), mas eu não disse como ... e eu estou preso aqui!
Por favor ... me ajude, eu realmente preciso!
Ola estou passando Queriendo Meu mapa, ja los FEITO Google Earth e Maps API para, parágrafo Poder ter visto los Meu Blog Igual no Google Earth um, locais Meu Computador los. Se estes e posivel, Mas Como desconhesco fazerlo. Eu dou poderiam Como Fazer de ALGUMAS Dicas, ou ondas de adquirir exemplo a sândalo.
Temor es Que Meu recadastrar ter cadastrado los Meu Tudo mapa, Todos ponto de esperar os.
Grateful cascas Ajuda.
Claudio G. Pagliaro
cgpagliaro.arroba.gmail.com
Olá, eu tenho um problema, eu criei o código para inserir API do Google Maps em meu site. Localmente funciona sem problemas, mas quando eu inseri-lo na Internet e k ir para visitar a página onde eu apagar o ke a palavra API servidor recusou o pedido e isso é porque o código API não é válido porque ele gerados para outro site . O que devo fazer?
Beb @ enrico: você pode regenerar a chave! Ou melhor! Se você usou o "local", como alegado, têm gerado uma chave para um host que não online? Na prática, você precisa gerar uma chave, dependendo de qual servidor que você usa.
[...] É muito trivial. Reconhecemos o roteiro básico para a integração com o procedimento normal para inserir google map no site. Nós primeiro turno como a publicidade tradicional e, em seguida, a barra de ferramentas [...]
[...] No Adobe Flash, você pode usar uma ampla gama de APIs externas previstas pelos serviços Web como o Facebook, Twitter ou Flickr. Neste tutorial veremos como integrar, em um muito simples, os serviços do Google Maps em um filme / aplicativo Adobe Flash CS4. Afirmo que o procedimento para usar o Google Maps em Flash é muito semelhante ao que acontece com HTML / JavaScript (para mais detalhes veja Como colocar o Google Map em seu website). [...]
[...] Lançou a API - Javascript - para colocar seus mapas em qualquer site da web disputavam como conseguir a mesma coisa com [...]
Desculpe-me, você sabe como excluir google escrito na parte inferior de "créditos"?
Eu tenho um mapa exibido como um híbrido, mas é pequeno o suficiente, então o texto deve ser em excesso, e é visualmente atraente.
Eu tenho um problema, use Flash CS5 no Windows 7, eu baixei o arquivo zip, eu copiei o componente em seu caminho, mas não consigo encontrar os componentes do flash na biblioteca .. Além disso, se eu clicar duas vezes no componente, o Flash tenta importá-la, mas em algum momento eu disse: "Unexpected file format".
onde poderia ser o problema?
@ Alpha: Eu nunca usei flash em minha vida, para que eu pudesse estar errado, mas que é um código Javascript, e não Actionscript.
@ Wpae:
Zip do que você fala? Este post explica como usar mapas com JavaScript, talvez estivesse se referindo a um outro artigo?
Oi eu queria perguntar se você pudesse, de alguma forma, mudar os botões feio! Talvez com imagens que são definidas por nós ...
@ Mariano: Eu não acho que é possível ... talvez não o que você pode fazer é visualizar e criar seu fazendo com que ele faça a mesma coisa através da API, a ser verificado embora.
Olá,
saber se a versão gratuita do Maps é um limite para chamadas a partir de um site específico para o Google Maps?
Thank you!
Clare
Olá, eu escrevi este código, mas agora eu gostaria de importar a nuvem da mesma forma que aparece no Google Mapa. Vi um post como sempre aqui, mas eu não posso entrar com o código corretamente, provavelmente porque eu inseri-lo no lugar errado.
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
google . maps . Map ; ... com as importações google maps Mapa;
google . maps . MapEvent ; com as importações google maps MapEvent...;
google . maps . MapType ; ... com as importações google maps MapType;
google . maps . controls . ZoomControl ; com as importações google maps controles ZoomControl....;
google . maps . controls . PositionControl ; com as importações google maps controles PositionControl....;
google . maps . controls . MapTypeControl ; com as importações google maps controles MapTypeControl....;
google . maps . overlays . MarkerOptions ; ... com as importações google maps overlays MarkerOptions.;
google . maps . overlays . Marker ; ... com as importações google maps overlays Marker.;
google . maps . InfoWindowOptions ; com as importações google maps InfoWindowOptions...;
google . maps . MapMouseEvent ; com as importações google maps MapMouseEvent...;
: Map = new Map ( ) ; var mapa: Map = new Map ();
key = "ACfg....." ; mapa-chave. = "ACfg .....";
setSize ( new Point ( 562 , 458 ) ) ; . mapa setSize (novo ponto (562, 458));
x = 350 ; mapa x = 350.;
y = 150 , 05 ; mapa y = 150, 05.;
addEventListener ( MapEvent . MAP_READY , onMapReady ) ; mapa addEventListener (MapEvent. MAP_READY, onMapReady).;
addChild ( map ) ; este addChild (mapa).;
event : MapEvent ) : void { onMapReady function (event: MapEvent): void {
setCenter ( new LatLng ( 45.97553673095479 , 12.229607105255127 ) , 16 , MapType . NORMAL_MAP_TYPE ) ; . mapa setCenter (novo LatLng (45,97553673095479, 12,229607105255127), 16, MapType NORMAL_MAP_TYPE.);
addControl ( new ZoomControl ( ) ) ; . mapa AddControl (ZoomControl new ());
addControl ( new PositionControl ( ) ) ; . mapa AddControl (PositionControl new ());
addControl ( new MapTypeControl ( ) ) ; . mapa AddControl (MapTypeControl new ());
Marker = new Marker ( new LatLng ( 45.97553673095479 , 12.229607105255127 ) ) ; var marcador: Marcador Marcador = new (novo LatLng (45,97553673095479, 12,229607105255127));
addOverlay ( marker ) ; mapa addOverlay (marcador).;
}
Eu estou ficando louco!
@ Vanessa_Megg: linha 17:
Eu vejo um erro ... você usou uma vírgula em vez de um período ... mas eu não sei se é isso que lhe dá problemas. Você tem alguma indicação de mais?
@ Giovambattista Fazioli:
Ok, agora o código funciona. Mas a minha pergunta era um 'else: se você pode importar a nuvem do Google Map dos seus pares e todos os sinais, o ficheiro Flash .. Eu tenho visto muitos que pediram ao redor, mas sem encontrar uma solução para isso ...: /
@ Vanessa_Megg: se "nuvem" você quer dizer o cômico, o único com as informações mostradas no site, você não pode "extrapolar" a partir do componente Flash. O que poderia ser feito, se eu entender suas necessidades, você "ler" as informações e propô-las em outro lugar. Além disso, como mostra o código acima, o conteúdo da "bolha" é criado em HTML:
. Usando o método
openInfoWindowHtmldisponibilizados pelomarker. O que não está claro para mim quando você diz "importação da nuvem Google Map dos seus pares e todos os sinais, o ficheiro Flash .."@ Giovambattista Fazioli: Olá! Bem, eu teria o mesmo problema. Eu criei a chave da API com o endereço do local onde ele vai. Se a página eu olhar para locais me mostra o mapa (que não deveria), mas on-line diz que minha chave API é errado. Eu continuo a repetir o procedimento, mas nisba! Eu sou como duas horas em um mapa do google ... eu não suporto
@ Igor: Os problemas encontrados com o Adobe Flash poderia ser o resultado da nova política do Google. Para alguns, na verdade, não é mais necessário para gerar uma chave, a nova API do Google só funciona com a importação (só funciona).