Installé une map (google) dans wordpress

Salut.

Si tu veux l'insérer dans un article ou une page, il suffit de te mettre en mode code source dans l'éditeur (où tu écris le contenu).

Voilà un exemple :

<div id="map_canvas" style="width:640px; height:480px;"></div>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var tourEiffel = new google.maps.LatLng(48.85829 , 2.29503);
var options = {
	zoom: 18,
	center: tourEiffel,
	mapTypeId: google.maps.MapTypeId.HYBRID
};
var map = new google.maps.Map(document.getElementById("map_canvas"), options);
</script>

Tout est là :
http://code.google.com/intl/fr/apis/maps/documentation/javascript/basics.html

Tout ce que tu as à changer, c'est les coordonnées ainsi que le niveau de zoom si nécessaire :

<div id="map_canvas" style="width:640px; height:480px;"></div>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var nomDuPoint = new google.maps.LatLng(48.85829 , 2.29503);
var options = {
	zoom: 18,
	center: nomDuPoint,
	mapTypeId: google.maps.MapTypeId.HYBRID
};
var map = new google.maps.Map(document.getElementById("map_canvas"), options);
</script>

Pour avoir les coordonnées, rends-toi sur maps.google.fr, clique sur "Nouveau !" (tout en haut à droite) et active l'option "Info-bulle LatLng"

« donc si je modifie la page article seul sa va me la mettre a tout nouveaux article »Si tu crées un article ou une page pour mettre la carte, elle ne sera que dans cet article ou cette page.

Merci mais on trouve ou les information

pour avoir cette map sur wordpress

ou connaissez vous une extension qui facilite le travail

Merci

Je me cite :
« Si tu veux l'insérer dans un article ou une page, il suffit de te mettre en mode code source dans l'éditeur (où tu écris le contenu). »

oui mais c'est quand on clic sur liens? c'est ceci que l'on doit metre dans la balise script avant body
c'est quelle liens que je doit metre dans le mode html

merci
https://www.google.fr/maps?f=q&source=s_q&hl=fr&geocode&q=Orl%C3%A9ans&sll=48.855341,2.371502&sspn=0.010024,0.042272&ie=UTF8&hq&hnear=Orl%C3%A9ans,+Loiret,+Centre&ll=47.901387,1.903977&spn=0.000646,0.002642&z=19&layer=t

ou
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?origin=mfe&pb=!1m12!1m8!1m3!1d21398.46931300631!2d1.903976!3d47.901387!3m2!1i1024!2i768!4f13.1!2m1!1sOrl%C3%A9ans!6i14!3m1!1sfr!5m1!1sfr"></iframe><br /><small><a href="https://www.google.fr/maps?f=q&source=embed&hl=fr&geocode&q=Orl%C3%A9ans&sll=48.855341,2.371502&sspn=0.010024,0.042272&ie=UTF8&hq&hnear=Orl%C3%A9ans,+Loiret,+Centre&ll=47.901387,1.903976&spn=0.000646,0.002642&z=14" style="color:#0000FF;text-align:left">Agrandir le plan</a></small>

Le code que je t'ai donné peut directement être mis dans le contenu.
Si tu veux que la carte s'affiche, il faut mettre le second code (le premier n'affichera que l'adresse).
Mais il vaut mieux utiliser l'API Javascript ; les iframe sont obsolètes.

merci mais comment faire pour le javascript pour savoir quel code mettre

car je doit mettre un plan et les extension fait pour sa ne marche pas
donc je cherche comment faire

tu ma donné le code c'est très sympa , mais c'est quoi que je doit changer dans ton code
est ou trouver car quand ton clic sur liens il donne que l'iframe

merci

merci

c'est compliqué, vous avez pas un moyen plus simple
extension ou autre chose pour integré un plan a une page ou article

merci

Merci

quand je clic sur l'éditeur (dans apparence) sa me met les fichier donc fichier css que je peut modifier
mais aussi le thème, page d'accueil

Moi la carte je veux quel soit qu'a 1 seul page donc si je modifie la page article seul

sa va me la mettre a tout nouveaux article

merci

Je suis nouveaux comme tu peu le constaté dans le monde wordpress

quand je fait l'éditeur sa me met plusieurs page (modèle de page) le fichier CSS

donc c'est pour sa que je demander

je vais essayer mais je garanti pas que je v y arrivé

merci

Je te parle de l'éditeur de contenu, là où tu écris tes articles.

Daccord mais j'ai essayer hier est il c'est rien passé

en changer la longitude et latitude est rien ni dans le visuel
est ni dans la page actualisé de mon site publié

merci

C'est que tu as fait une erreur ...
Soit les coordonnées sont invalides, soit tu as changer quelque-chose d'autre qu'il ne fallait pas.
Sans ton code, je ne saurais pas trouver l'erreur.

Voici le code que j'ai repris
en le personalisant avec la longitude et latitude

<div id="map_canvas" style="width:640px; height:480px;"></div>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var nomDuPoint = new google.maps.LatLng(49.257798 , -1261019);
var options = {
zoom: 18,
center: nomDuPoint,
mapTypeId: google.maps.MapTypeId.HYBRID
};
var map = new google.maps.Map(document.getElementById("map_canvas"), options);
</script>

Merci de m'aider

Le niveau de zoom maximal pour ce point est 17, hors, ici, il est à 18.
Et je pense que tu as oublié un point dans la longitude, ça affiche un endroit au Kazakhstan ; Avec -1.261019, c'est en France.

vous croyez que avec sa 49.25477,-1.26100 sa marchera

cordialement

Merci beaucoup cela marche

j'aurai une derniere question sur le plan il y a aucun pointeur (punaise, etc)
donc j'ai le plan et je vous remercie pour sa

mais n'arrive pas a mettre la punaise.

cordialment

<div id="map_canvas" style="width:640px; height:480px;"></div> 

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var nomDuPoint = new google.maps.LatLng(49.257798 , -1.261019);

var options = {
	zoom: 18,
	center: nomDuPoint,
	mapTypeId: google.maps.MapTypeId.HYBRID
};

var map = new google.maps.Map(document.getElementById("map_canvas"), options);
var marker = new google.maps.Marker({
	map: map,
	position: nomDuPoint
});
</script>