Web2.0 signifie logiciels distribués via les API (application programming interface). La possibilité d'utiliser des fonctions à distance et des fonctionnalités est ailleurs extrêmement utile dans la réalité comme l'Internet. En plus de Yahoo, avec son style Toolkit 2.0, Google - dans le contexte de la géo-referenzazione - offre ces outils gratuits, dans ce cas pour la manutention et la gestion des cartes.
Google Maps API vous permet d'insérer Google Maps dans leurs pages web en utilisant JavaScript.
La première chose à faire, avant de pouvoir commencer à expérimenter avec l'API, vous vous inscrivez sur le site http://www.google.com/apis/maps/ pour obtenir une clé (un UID) sur le site d'utilisation. En fait, pour chaque site Web dont vous avez besoin d'une clé!
Google est un service gratuit qui fournit une entreprise à des solutions intranet et les utilisations avancées - voir: Google Maps pour les entreprises
La version gratuite, toutefois, résout déjà tous les besoins. Obtention de la clé est automatiquement donné une page de résumé avec un exemple de code Javascript. La première étape consiste à récupérer la longitude et la latidudine la zone que vous souhaitez afficher.
1 2 3 4 5 6 | fonction de showmap () { GBrowserIsCompatible ( ) ) { si (GBrowserIsCompatible ()) { new GMap2 ( document. getElementById ( "map" ) ) ; var map = new GMap2 (getElementById document. («carte»)); new GLatLng ( 37.4419 , - 122.1419 ) , 13 ) ; . carte setCenter (nouveau GLatLng (37.4419, - 122.1419), 13); } } |
L'exemple de code est assez simple. presente sulla pagina, in questo caso un DIV con id="map" . Il est basé sull'instanza d'une classe GMap2() connecté à un DIV sur la page, dans ce cas un DIV avec id="map" .
La documentation de l'API complète fournit ensuite d'autres points de vue, comme la fixation du point de vue hybride - par satellite / carte - l'activation des contrôles pour le zoom et le mouvement, la possibilité de joindre un «nuage» avec des informations personnalisées.
Une façon d'activer une série de contrôles est la suivante:
1 2 3 4 5 6 | new GMap2 ( document. getElementById ( "map" ) ) ; var map = new GMap2 (getElementById document. («carte»)); new GLatLng ( 37.4419 , - 122.1419 ) ; var centre = new GLatLng (37.4419, - 122.1419); center , 17 , G_HYBRID_MAP ) ; // Mappa ibrida Carte. SetCenter (centre, 17, G_HYBRID_MAP) / / Carte hybride new GMapTypeControl ( ) ) ; . Carte AddControl (GMapTypeControl nouvelle ()); new GLargeMapControl ( ) ) ; . Carte AddControl (GLargeMapControl nouvelle ()); new GScaleControl ( ) ) ; // Zomming . Carte AddControl (GScaleControl nouvelle ()); / / Zomming |
Vous pouvez également associer une GMarker, un «nuage» avec des informations supplémentaires et le font réagir aux clics de souris.
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 - Rome, Italie </ div> <div class = "menu" > <a arrivent ici </ a> </ div> '; new GMarker ( center ) ; var marqueur = new GMarker (au centre); marker ) ; . Carte addOverlay (marqueur); marker , 'click' , function ( ) { GEvent. AddListener (marqueur, «clic», function () { WINDOW_HTML ) ; . marqueurs openInfoWindowHtml (WINDOW_HTML); }); marker , 'infowindowclose' , function ( ) { GEvent. AddListener (marqueur, «infowindowclose ', function () { center , 2 ) ; . carte recenterOrPanToLatLng (au centre, 2); }); WINDOW_HTML ) ; . marqueurs openInfoWindowHtml (WINDOW_HTML); |
Une documentation complète sur le site répond à toutes nos besoins, l'utilisation de marqueur spécial, JSON, Ajax et bien plus encore. Entre autres choses il ya beaucoup d'exemples de code avec des exemples en ligne. Un outil - gratuitement - à utiliser tout de suite!
Je ne peux pas le laisser entrer la bande dessinée ... vous pouvez avoir un échantillon ou plus d'informations en italien sur la façon de faire?
merci
@ Villa Centopino: un exemple est illustré dans le Post. Quel est le problème que vous rencontrez exactement? Par une erreur?
bonjour
J'ai inséré le ballon n'est pas de copier-coller, pas d'erreurs ...
Mais encore, je résolus de chercher
Bonjour et merci
latitude et longitude peut être dérivé du nom de la ville et la rue?
[...] Cette fois-ci je réponds à un commentaire d'un poste, compte tenu de l'intérêt général. Armando m'a demandé s'il était possible, en utilisant Google Maps, Latitude et Longitude obtenu à partir de [...]
Bonjour,
Je pourrais utiliser une main.
Je souhaite que mon comique avait déjà affiché sans avoir à faire avec des clics de souris.
Je voudrais aussi que le comique contient les options "est le chemin vers ICI et ICI."
C'est une semaine nous sbattola la tête, donnez-moi une faveur manoper.
Merci et à bientôt
Je vous remercie!
Bonjour à tous, je voulais vous demander pourquoi je ne vois pas l'adresse et non markatore Mitrova adresse ...
2
....
J'ai écrit ainsi:
2
3
4
5
"load(); onload = "load ();
showAddress («Route Portichina, LU 20 55049 Viareggio, en Italie ');"
"GUnload();" onunload = "GUnload ();"
......
merci beaucoup
[...] Comment mettre la carte Google dans leur Web - heyos_ad_user = 8748; 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 "[...]
[...] Exemple, dans le rappel de celui-ci écrit le poste le plus vu est Comment insérer la carte google dans votre site Web, avec 17410 points de vue. Si vous avez des services ou des produits liés à Google Map ou, cependant, que [...]
Hej!
Helt ny jusqu'à är det har med Google Maps API.
Jag önskar Hjälp med att il ya pa de plats som krävs kod-Bitar. Följande önskar uppnå jag.
Har en webbsida donner un uppgifter fyller la main le différend, donner fade annat adresse, stad och terre. Man klickar "soumettre" toutes les informations Lagras och fr cvs klart les databas.
Min önskan, att homme nu är på en visningssida Skall kunna Klicka på en och databasen après que l'information soit visas hämtas på och en sida. Det som jag önskar Skall ske, Ar att fr visas karta donner un coup de main en har liten pin-point situé juste au på den adresse, ort terres och för den som var registrerad Posten.
HUR pour ATT gar tillväga jag på ett dit Skapa Enkelt och bra satt.
Skriver och lite PHP MySQL jobbar mot.
Tacksam om en någon önskar hjälpa okunnig själ!
Andreas-
@ Andreas: Andreas chère, pouvez-vous écrire votre question en anglais?
@ Giovambattista Fazioli:
Bonjour!
Êtes complètement nouveau à cela avec l'API Google Maps.
Je veux aider à remettre en place les bits de code selon les besoins. Ce qui suit, je souhaite atteindre.
Avoir un site web où vous remplissez un certain temps », qui entre autres choses, l'adresse, ville et pays. Vous cliquez sur «soumettre» et toutes les informations stockées dans une base de données Il est clair que je sais.
Mon souhait est maintenant que sur la page d'affichage est de cliquer sur une entrée dans la base de données, puis récupéré toutes les informations et affichés sur une page. Ce que j'espère va arriver, c'est qu'une carte montre où vous avez un petit pin-point situé juste à l'adresse, ville et pays qui a été enregistrée pour le poste.
Comment dois-je faire pour créer ce d'une manière simple et utile.
Écrit un peu de PHP et MySQL œuvres contre.
Reconnaissant si quelqu'un désireux d'aider une âme ignorante!
-Andrew
@ Dario: voir géocodage inverse. Scrutant la source de la page, vous trouverez le code nécessaire, comunqueq est, le «noyau» de la solution est la suivante:
Ajouter un écouteur pour écouter le clic et de créer un
GClientGeocoder:2
GClientGeocoder ( ) ; GClientGeocoder géocodeur = new ();
Le gestionnaire du clic en utilisant l'objet
GClientGeocoderpour récupérer des informations du point de départ par la latitude et la longitude:2
3
4
5
6
latlng != null ) { if (latlng! = null) {
= adresse latlng;
latlng , showAddress ) ; géocodeur. getLocations (latlng, showAddress);
}
}
Puis, enfin, le gestionnaire
showAddressmontrer les détails de l'endroit parplace.addressVous vous demandez si vous pouvez trouver un site qui agit au contraire, qu'en entrant les coordonnées que vous pouvez trouver sur le site.
Bonjour à tous!
Je demande la main d'experts, parce que je suis tombé sur un problème que je ne peux pas fixer ... maintenant je vais vous expliquer:
J'utilise l'API Google Maps pour le rendre navigable et carte zoomable avec une extension. Qui est géoréférencé tiff! J'ai trouvé les instructions avec lesquelles je me suis rendu compte que tout d'abord mon image devrait être divisée en tuiles, à peu près les ressources que j'ai trouvées il est dit que vous pouvez le faire avec Photoshop ou Paint Shop Pro (ou un autre programme petite , je crois), mais ne me dites pas comment ... et je suis coincé ici!
S'il vous plaît ... aidez-moi, j'ai vraiment besoin!
Ola Estou querendo passe meu mapa, ja Feito em Google Earth et Maps API para, para poder ter à Visao em um blog de meu Igual dans Google Earth, locale em meu computador. Si ceux-ci et posivel, mas como desconhesco fazerlo. Poderiam me donner de como fazer algumas DICAS, ou les vagues se procurer santal exemplo.
Temor es au Québec meu ter recadastrar cadastrado tudo em meu mapa, point todos os d'attente.
Grateful pela ajuda.
Claudio G. Pagliaro
cgpagliaro.arroba.gmail.com
Salut tout le monde, j'ai un problème, j'ai créé le code API pour insérer google maps dans mon site. Dans les œuvres locales sans problèmes, mais quand j'insère internet ke et aller visiter la page où je mets le mot ke l'API du serveur a refusé la demande et c'est parce que le code de l'API n'est pas valide car ils ont généré un autre site . Que dois-je faire?
Beb @ enrico: vous pouvez régénérer la clé! Ou mieux! Si vous avez utilisé le "local" que vous maintenez, vous avez généré une clé pour un hôte autre que en ligne? Fondamentalement, vous avez besoin pour générer une clé selon le serveur que vous utilisez.
[...] Est vraiment trivial. Nous reconnaissons le script de base à intégrer à la procédure standard pour insérer une carte google dans le site. Nous passons d'abord que la publicité traditionnelle, puis la barre d'outils [...]
[...] Dans Adobe Flash, vous pouvez utiliser un large éventail de externe API fournies par les services Web tels que Facebook, Twitter ou Flickr. Dans ce tutoriel nous allons voir comment intégrer, dans un très simple, les services de Google Maps dans un film CS4 / application Adobe Flash. Je déclare que les procédures en vue d'utiliser Google Maps dans Flash est très similaire à ce qui se passe en HTML / Javascript (pour plus de détails voir Comment mettre Google Map dans votre site web). [...]
[...] A publié l'API - Javascript - de mettre ses cartes en tout Viediamo site web comment réaliser la même chose avec [...]
Excusez-moi, vous savez comment supprimer google écrite au bas de «crédits»?
J'ai montré une carte comme un hybride, mais il est assez petit, alors le texte va au-dessus, et est visuellement peu attrayant.
J'ai un problème, utilisez Flash CS5 sur Windows 7, j'ai téléchargé le fichier zip, j'ai copié le composant dans le chemin d'accès spécifié, mais flash ne peut pas le trouver dans la bibliothèque de composants .. Aussi, si je double cliquez sur le composant, Flash tente de l'importer, mais à un certain point, dit-il "format de fichier inattendue."
où il pourrait être le problème?
@ Alpha: Je n'ai jamais utilisé flash dans ma vie, si je peux me tromper mais c'est un code Javascript, Actionscript pas.
@ Wpae:
Fichier Zip dont vous parlez? Ce message explique comment utiliser des cartes avec JavaScript, peut-être que vous parliez à un autre article?
Salut, je voulais vous demander si vous pourriez, en quelque sorte, de changer les boutons laids! Peut-être avec des images fixées par nous ...
@ Mariano: Je ne pense pas que c'est possible ... peut-être pas ce que vous pouvez faire est de créer votre visualizarli et de lui faire faire la même chose via l'API, à vérifier cependant.
Bonjour,
savoir si la version gratuite de Maps est une limite aux appels à partir d'un site web spécifique à Google Maps?
Je vous remercie!
Clare
Bonjour, j'ai écrit ce code, mais maintenant je veux importer le nuage tout comme il apparaît dans Google Map. J'ai vu un poste similaire ici toujours, mais je ne peux pas entrer le code correctement, probablement parce que l'insert dans le mauvais endroit.
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 ; ... avec les importations Google Maps Carte;
google . maps . MapEvent ; avec les importations google maps MapEvent...;
google . maps . MapType ; ... avec les importations google maps mapType;
google . maps . controls . ZoomControl ; ... avec les importations Google Maps contrôles ZoomControl.;
google . maps . controls . PositionControl ; ... avec les importations Google Maps contrôles PositionControl.;
google . maps . controls . MapTypeControl ; .. avec les importations cartes de Google contrôles MapTypeControl.;.
google . maps . overlays . MarkerOptions ; ... avec les importations Google Maps superpositions MarkerOptions.;
google . maps . overlays . Marker ; ... avec les importations Google Maps superpositions Marker.;
google . maps . InfoWindowOptions ; avec les importations google maps. InfoWindowOptions..;
google . maps . MapMouseEvent ; avec les importations google maps MapMouseEvent...;
: Map = new Map ( ) ; var carte: Carte = new Carte ();
key = "ACfg....." ; . Carte key = "ACfg .....";
setSize ( new Point ( 562 , 458 ) ) ; . Carte setSize (nouveau point (562, 458));
x = 350 ; Carte x = 350.;
y = 150 , 05 ; Carte y = 150, 05.;
addEventListener ( MapEvent . MAP_READY , onMapReady ) ; . Carte addEventListener (MapEvent. MAP_READY, onMapReady);
addChild ( map ) ; cette méthode addChild (carte).;
event : MapEvent ) : void { fonction onMapReady (event: MapEvent): void {
setCenter ( new LatLng ( 45.97553673095479 , 12.229607105255127 ) , 16 , MapType . NORMAL_MAP_TYPE ) ; . carte setCenter (nouveau LatLng (45.97553673095479, 12.229607105255127), 16, mapType NORMAL_MAP_TYPE.);
addControl ( new ZoomControl ( ) ) ; . Carte AddControl (nouveau ZoomControl ());
addControl ( new PositionControl ( ) ) ; . Carte AddControl (PositionControl nouvelle ());
addControl ( new MapTypeControl ( ) ) ; . Carte AddControl (MapTypeControl nouvelle ());
Marker = new Marker ( new LatLng ( 45.97553673095479 , 12.229607105255127 ) ) ; var marqueur: marqueur = new Marker (nouveau LatLng (45.97553673095479, 12.229607105255127));
addOverlay ( marker ) ; . Carte addOverlay (marqueur);
}
Je deviens fou!
@ Vanessa_Megg: ligne 17:
Je vois une erreur ... vous avez utilisé une virgule au lieu du point ... mais je ne sais pas si c'est ce qui vous donne des problèmes. Vous avez des informations un peu plus?
@ Giovambattista Fazioli:
Bon, maintenant que le code fonctionne. Mais ma question était un «autre: si vous pouvez importer le nuage Google Map in extenso, avec les directions et tous les fichiers en Flash .. J'ai vu beaucoup de gens autour qui ont demandé, mais sans trouver une solution à ce problème ... :/
@ Vanessa_Megg: si "nuage" tu veux dire la bande dessinée, l'un avec l'information affichée sur le site, vous ne pouvez pas "extrapoler" à partir du composant Flash. Qu'est-ce que vous pourriez faire, si je comprends bien vos besoins, vous "lire" les informations et de les proposer ailleurs. En outre, comme on le voit à partir du code ci-dessus, le contenu de la "bulle" est créé en HTML:
. Par le Procédé
openInfoWindowHtmlmis à la disposition par lemarker. Ce qui n'est pas clair pour moi quand vous dites "d'importer le nuage Google verbatim Carte, avec les signes et tous les, dans le fichier Flash .."@ Giovambattista Fazioli: Bonjour! Eh bien, j'aurais le même problème. J'ai généré le clé API avec l'adresse du site où elle ira. Si je regarde la page en local me montre la carte (qui ne devrait pas), mais en ligne, il dit que ma clé API est faux. Je continue à répéter la procédure, mais nisba! Je suis comme deux heures sur une carte google ... je ne peux plus
@ Igor: Les problèmes rencontrés avec Adobe Flash pourrait être le résultat de la nouvelle politique de Google. Pour certains », en fait, n'est plus nécessaire pour générer une clé, la nouvelle API Google ne fonctionne qu'avec l'importation (juste des œuvres).
@ Darius - vous pouvez voir un exemple ici: http://www.fight4fun.it/ cliquant sur: CARTES
Espérons que l'aide ...