Web2.0 signifie également des logiciels distribués via l'API (interface de programmation d'application). La possibilité d'utiliser des fonctionnalités et des fonctionnalités d'ailleurs à distance est extrêmement utile dans la réalité comme l'Internet. En plus de Yahoo, avec son style ToolKit 2.0, même Google - au sein de l'& géoréférencement - offre à ses 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 propres 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/ afin d'obtenir une clé (un UID) sur le site d'utilisation. En fait, pour chaque touche de Web est requise!
Google fournit un service gratuit que l'on solutions d'entreprise pour intranet et les utilisations avancées - voir: Google Maps for Enterprise
La version gratuite, cependant, résout déjà tous les besoins possibles. Décerné la clé est proposé automatiquement une page de résumé avec un exemple de code Javascript. La première étape consiste à récupérer la longitude et latidudine de la zone que vous souhaitez voir.
1 2 3 4 5 6 | ShowMap fonction () { GBrowserIsCompatible ( ) ) { si (GBrowserIsCompatible ()) { new GMap2 ( document. getElementById ( "map" ) ) ; var map = new GMap2 (document. getElementById ("plan")); 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 complète de l'API fournit alors plus d'aliments pour l'affichage, telles que la création de la vue hybride - carte / satellite - l'activation des contrôles de zoom et le mouvement, la possibilité de connecter un "drôle" avec un affichage personnalisé.
Une façon d'activer une série de contrôles est:
1 2 3 4 5 6 | new GMap2 ( document. getElementById ( "map" ) ) ; var map = new GMap2 (document. getElementById ("plan")); new GLatLng ( 37.4419 , - 122.1419 ) ; centre var = 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 (nouveau GMapTypeControl ()); new GLargeMapControl ( ) ) ; . carte AddControl (nouveau GLargeMapControl ()); new GScaleControl ( ) ) ; // Zomming carte. AddControl (nouveau GScaleControl ()) / / zomming |
Vous pouvez également associer une GMarker, une "bande dessinée" avec des conseils supplémentaires et réagissent 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 = '<strong /> <br /> Via Roma, 100 <br /> <div 00100 class="td_testo"> <strong> Try My Name - Rome, Italie </ div> <div class = "menu" > <a apprendre à nous </ a> </ div> '; new GMarker ( center ) ; var marqueur = new GMarker (au centre); marker ) ; . carte addOverlay (marqueur); marker , 'click' , function ( ) { GEvent. AddListener (marqueur, 'click', function () { WINDOW_HTML ) ; . marqueur openInfoWindowHtml (WINDOW_HTML); }); marker , 'infowindowclose' , function ( ) { GEvent. AddListener (marqueur, 'infowindowclose', function () { center , 2 ) ; . carte recenterOrPanToLatLng (centre, 2); }); WINDOW_HTML ) ; . marqueur openInfoWindowHtml (WINDOW_HTML); |
Sur le site de la documentation complète répond à tous nos besoins, l'utilisation de marqueurs spéciaux, JSON, Ajax et bien plus encore. Entre autres choses, vous trouverez de nombreux exemples d'exemples de code en ligne. Un outil - gratuit - à utiliser immédiatement!
Je ne peux pas le laisser entrer dans la bande dessinée ... vous pouvez avoir plus d'informations en Italien ou un exemple sur la façon de faire?
remerciements
@ Villa Centopino: l'exemple est montré dans le Post. Quel est le problème que vous rencontrez exactement? Par une erreur?
bonjour
J'ai inséré le comique n'est pas copier-coller, pas d'erreur ...
Cependant, en continuant à chercher, j'ai résolu
bonjour et merci
est possible d'obtenir la latitude et la longitude du nom de la ville et de la route?
[...] Cette fois, je réponds à un commentaire d'un poste, compte tenu de l'intérêt général. Armando m'a demandé si c'était possible, à travers Google Maps, Latitude et Longitude obtenir de [...]
Bonjour,
Je pourrais utiliser une main.
Je souhaite que mon comique a déjà été affiché sans avoir à faire un clic avec la souris.
Aussi, je souhaite que le comique contient les options "retrouve le chemin de ICI et ICI."
Et 'une semaine, nous sbattola tête, donne-moi une faveur de manoper.
Merci et à bientôt
Merci!
Bonjour à tous, je voulais vous demander pourquoi je ne vois pas l'adresse Mitrova markatore et non l'adresse ...
2
....
J'ai écrit comme ceci:
2
3
4
5
"load(); onload = "load ();
showAddress ('Road Portichina, LU 20 55049 Viareggio, Italie'); "
"GUnload();" onunload = "GUnload ();"
......
merci beaucoup
[...] Comment ajouter Google Map dans votre site 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 "[...]
[...] Ainsi, dans le rappel de cette écriture reste l'un des poste les plus consultés Comment insérer Google Maps dans leur propre site web, avec 17410 points de vue. Si vous avez des produits ou services liés à Google Map, ou au moins que [...]
Hej!
Till det är här helt ny med Google Maps API.
Jag önskar Hjälp med att FA på plats de-kod som krävs Bitar. Följande önskar jag uppnå.
Har en webbsida donner un fyller main Lite uppgifter Dar fade annat adresse, terrain och stad. Man klickar "soumettre" och SA Toutes les informations Lagras klart la salle databas.
Min önskan, att homme nu är på en visningssida skall kunna Klicka på en och databasen les hämtas message faire toutes les informations och visas på en sida. Det som jag önskar skall ske, är att fr visas karta donner un coup de main en har liten pin-point juste på den adresse, ort terre och för den som var registrerad Posten.
HUR går pour att jag tillväga Skapa que enkelt och bra på ett SATT.
Skriver jobbar mot och Lite PHP MySQL.
Tacksam om en någon önskar hjälpa okunnig Själ!
-Andreas
@ Andreas: Andreas cher, vous pouvez écrire votre question dans Inglese?
@ Giovan Battista Fazioli:
Bonjour!
Sont complètement nouveau pour cela avec l'API Google Maps.
Je veux aider à se mettre en place le code bits selon les besoins. Le texte qui suit, je souhaite atteindre.
Avoir un site web où vous remplissez certaines données qui, entre autres choses, adresse, ville et pays. Vous cliquez sur «Soumettre» et toutes les informations stockées dans une base de données clairement savoir.
C'est maintenant mon souhait sur une 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 que la carte montre où vous avez un petit pin-point juste à l'adresse, la ville et le pays qui a été enregistrée pour le poste.
Comment dois-je m'y prendre pour créer ce d'une manière simple et utile.
Écrit un peu de PHP et MySQL contre œuvres.
Gré toute personne désireuse d'aider une âme ignorante!
-Andrew
@ Dario: voir géocodage inversé. Scrutant dans le source de la page, vous trouverez le code dont vous avez besoin, comunqueq est, le «noyau» de la solution est:
Ajoutez un écouteur pour intercepter le clic et créer un objet
GClientGeocoder:2
GClientGeocoder ( ) ; GClientGeocoder geocoder = new ();
Le gestionnaire du clic en utilisant l'objet
GClientGeocoderpour récupérer les informations de l'endroit à partir de la latitude et la longitude:2
3
4
5
6
latlng != null ) { if (LatLng! = null) {
adresse = Caddie;
latlng , showAddress ) ; géocodeur. getLocations (Caddie, showAddress);
}
}
Puis, enfin, le gestionnaire
showAddressmontrera les détails de l'endroit à traversplace.addressVous vous demandez si vous pouvez trouver un site qui agit au contraire, c'est la saisie des coordonnées vous pouvez trouver l'endroit.
Bonjour à tous!
Je demande la main d'experts, parce que je suis tombé sur un problème que je ne peux pas réparer ... Je m'explique:
J'utilise l'API Google Maps pour faire un navigable et carte zoomable avec l'extension. Géoréférencées tiff c'est! J'ai trouvé les instructions avec lesquelles je tout d'abord, j'ai réalisé que mon image doit être divisée en tuiles, que sur les ressources que j'ai trouvé il dit que vous pouvez faire avec Photoshop ou Paint Shop Pro (ou un autre petit programme , je pense) mais il me raconte comment ... et je suis bloqué à ce point!
S'il vous plaît ... aidez-moi, j'ai vraiment besoin!
Ola estou querendo passe meu carte, ja feito em Google Earth et Maps Api para, para poder ter à Visão em meu blog um Igual dans Google Earth, em locale meu computador. Si cela et Posivel, mas Côme desconhesco fazerlo. Poderiam me donner Algumas dicas de Côme fazer, ou vagues procurer santal exemplo.
Meu temor ter que es recadastrar cadastrado tudo em meu carte, todos os point d'attente.
Grateful pela Ajuda.
Claudio G. Pagliaro
cgpagliaro.arroba.gmail.com
Salut à tous, j'ai un problème, je crée le code API pour insérer google maps dans mon site. Dans les œuvres locales sans problèmes, mais une fois que j'insère ke sur Internet et allez jusqu'à la page où je reçois le message est inséré ke le serveur API a rejeté votre demande et que c'est parce que le code de l'API n'est pas valide parce qu'il a généré pour un autre site . Que dois-je faire?
@ Enrico BEB: vous pouvez régénérer la clé! Ou mieux! Si vous avez utilisé "local", comme vous dites, vous avez généré une clé à un hôte autre que en ligne? En pratique, vous devez générer une clé en fonction du serveur sur lequel vous l'utilisez.
[...] Est-ce vraiment trivial. Voyons la base de script pour intégrer la procédure normale d'inscription du site sur la carte Google. Nous voyons d'abord comment transformer la publicité traditionnelle, puis la barre d'outils [...]
[...] Dans Adobe Flash, vous pouvez utiliser une large gamme d'API externes 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 / application Adobe Flash CS4. Je déclare que la procédure pour utiliser Google Maps in Flash est très similaire à ce qui se passe en HTML / JavaScript (pour les détails, voir Comment ajouter Google Map dans votre propre web). [...]
[...] A publié l'API - en Javascript - pour saisir ses cartes dans n'importe quel site web Viediamo comment accomplir la même chose avec [...]
Excusez-moi, savez-vous comment supprimer google écrit «prêts»?
J'ai une carte présentée comme un hybride, mais il est assez petit, de sorte que le texte doit être en surplus, et est graphiquement moche.
J'ai un problème, utiliser Flash CS5 sur Windows 7, j'ai téléchargé le fichier zip, j'ai copié le composant à l'emplacement spécifié, mais flash ne peut pas trouver dans les composants de la bibliothèque .. même si je double-clique sur le composant, Flash tente d'importer mais à un moment il dit "format de fichier inattendu."
où pourrait être le problème?
@ Alpha: Je n'ai jamais utilisé flash dans ma vie, alors 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 vous référer à un autre article?
Bonjour, je voulais vous demander si c'était possible, d'une certaine manière, changer les boutons laids! Peut-être avec des photos que nous avons établies ...
@ Mariano: Je ne pense pas qu'il soit possible ... peut-être que vous pouvez faire est de ne pas visualizarli et créez votre lui faisant faire la même chose en utilisant l'API, à vérifier cependant.
Bonjour,
savez-vous si la version gratuite de cartes il ya une limite aux appels à partir d'un site web spécifique à Google Maps?
Je vous remercie!
Chiara
Bonjour, j'ai écrit ce code, mais maintenant je veux importer le cloud exactement tel qu'il apparaît dans Google Map. J'ai vu un poste similaire ici pour toujours, mais je ne peux pas entrer le code correctement, sans doute parce que je l'insère 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 ; ... com d'importation google maps Map;
google . maps . MapEvent ; ... com d'importation google maps MapEvent;
google . maps . MapType ; ... importation com google maps mapType;
google . maps . controls . ZoomControl ; ... com d'importation Google Maps contrôles ZoomControl.;
google . maps . controls . PositionControl ; ... com d'importation Google Maps contrôles PositionControl.;
google . maps . controls . MapTypeControl ; .. importation com Google Maps Commandes de MapTypeControl.;.
google . maps . overlays . MarkerOptions ; ... com d'importation Google Maps superpositions de MarkerOptions.;
google . maps . overlays . Marker ; ... com d'importation Google Maps superpositions de marqueur.;
google . maps . InfoWindowOptions ; .. com. d'importation google maps InfoWindowOptions;
google . maps . MapMouseEvent ; ... com d'importation google maps MapMouseEvent;
: Map = new Map ( ) ; var map: Map = new Map ();
key = "ACfg....." ; . carte key = "ACFG .....";
setSize ( new Point ( 562 , 458 ) ) ; . carte setSize (nouveau point (562, 458));
x = 350 ; plan x = 350.;
y = 150 , 05 ; carte y = 150, 05.;
addEventListener ( MapEvent . MAP_READY , onMapReady ) ; . carte addEventListener (MapEvent. MAP_READY, onMapReady);
addChild ( map ) ; . cette 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 Caddie (45,97553673095479, 12,229607105255127), 16, mapType NORMAL_MAP_TYPE.);
addControl ( new ZoomControl ( ) ) ; . carte AddControl (nouveau ZoomControl ());
addControl ( new PositionControl ( ) ) ; . carte AddControl (nouveau PositionControl ());
addControl ( new MapTypeControl ( ) ) ; . carte AddControl (nouveau MapTypeControl ());
Marker = new Marker ( new LatLng ( 45.97553673095479 , 12.229607105255127 ) ) ; var marqueur: marqueur = new Marker (nouveau Caddie (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 d'une période ... mais je ne sais pas si c'est ce qui vous donne des problèmes. Vous avez un peu plus d'informations?
@ Giovan Battista Fazioli:
Bon, maintenant, le code fonctionne. Mais ma question était un «autre: si vous pouviez importer le nuage de Google Map verbatim, avec toutes les directions et, dans les fichiers flash .. J'ai vu beaucoup de gens qui ont demandé autour, mais n'a trouvé aucune solution à la chose ... :/
@ Vanessa_Megg: si par «nuage», vous voulez dire le comique, l'un avec les informations sur l'endroit indiqué, vous ne pouvez pas "extrapoler" du composant Flash. Qu'est-ce que vous pourriez faire, si je comprends bien vos besoins, vous «lire» les informations et les proposer ailleurs. Aussi, comme vous pouvez le voir sur le code ci-dessus, le contenu du "comique" est généré au format HTML:
. Via le procédé
openInfoWindowHtmlmis à disposition par lemarker. Ce que je ne comprends pas, c'est quand vous dites «importer le nuage de Google Map verbatim, avec toutes les directions et, dans les fichiers flash .."@ Giovan Battista Fazioli: Bonjour! Eh bien, je voudrais avoir le même problème. J'ai créé la clé API avec l'adresse du site où il ira. Si la page que je regarde locale me montre la carte (ce qui ne devrait pas) en ligne me dit plutôt que la clé API est erroné. Je continue à répéter la procédure, mais Nisba! Je suis, comme, à deux heures sur une carte google ... Je ne peux pas plus
@ Igor: les problèmes rencontrés avec Adobe Flash peuvent ê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 fonctionne seulement avec l'importation (juste œuvres).
@ Dario - vous pouvez voir un exemple ici: http://www.fight4fun.it/ cliquant sur l'item: MAPS
Espérons que l'aide ...