PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 05/11/2013 21:37:57

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 128
Site Web

[SPXGOOGLEMAPS] affichage carte google (via shortcode)

Ce plugin va vous permettre d'insérer une carte google maps dans un article, page statique ou fichier du thème via un shortcode.

spxgooglemaps.png

Le shortcode est automatiquement declare et le plugin spxshortcodes doit être activé.

exemple d'usage avec la clé api optionnelle:

[== Indéfini ==]
[SPXWGOOGLEMAPS title='chez moi' lattitude=43.2951 longitude=-0.3707970000000387 content='Pau France' key='xxxxxxxx']

Tout est dans l'aide du plugin...

Niveau d'usage : facile

Téléchargement 1.3 ici


Historique :
**** v 1.3 ****
- add key param in shortcode for google api
**** v 1.2 ****
- change help for 5.5

**** v 1.1 **** (09/03/2015)
- add shortcode [SPXWGOOGLEMAPS]

***v1.0*** (05/11/2013)
+ [LAUNCH] version de base

Dernière modification par je-evrard (22/07/2016 10:12:19)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#2 06/11/2013 10:31:39

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 525
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Et tu peux nous faire le même avec openstreet maps ??? kiss


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#3 06/11/2013 12:23:09

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 128
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Tu parles de ça openstreetmap


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#4 06/11/2013 16:18:20

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 525
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Plutôt

<div id="mini_map" style="height: 400px; width: 100%;"></div>

dans body et

<script type="text/javascript">
	if(typeof(jQuery) === "undefined") {document.write('<script  type="text/javascript" src="jQuery.1.8.1.min.js"></script>');}
</script>
<script type="text/javascript" src="openStreetMaps/leaflet-0.4.js"></script>
<script type="text/javascript" src="openStreetMaps/osmLeaflet.jquery.js"></script>
<script>
    $(document).ready(function () {
        var $mini_map = $("#mini_map");

       // Map de démo centrale
        $mini_map.osmLeaflet({
            zoom      : 1,
            latitude  : 44.5,
            longitude : 44
        });
		$mini_map.osmLeaflet('addPopup', {
            latitude  : 44.5,
            longitude : 44,
            content   : 'On voit ma maison.....'
        });
        $mini_map.osmLeaflet('addMarker', [
            { latitude : 44.5, longitude : 44, click : 'coucou'}
        ]);
    });
</script>

Ou un truc du style...

Plus d'infos ici et .
L'intérêt c'est que c'est libre. big_smile


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#5 06/11/2013 16:28:23

Frédéric
Membre
Inscription : 03/06/2009
Messages : 2 533

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Merci Jerry pour OpenStreet, je l'ai intégré sur mon site du coup wink
Pour le code pourquoi ne pas tout simplement chargé l'iframe ? cela évite Jquery et autre lib js.

Iframe Openstreet a écrit :

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.openstreetmap.org/export/embed.html?bbox=2.1903991699218746%2C48.72720881940671%2C2.4176788330078125%2C48.99013049482068&amp;layer=mapnik" style="border: 1px solid black"></iframe><br/><small><a href="http://www.openstreetmap.org/?relation=71525#map=12/48.8588/2.3040">Afficher une carte plus grande</a></small>

Hors ligne

#6 07/11/2013 01:39:00

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 525
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Pour pouvoir la paramétrer dynamiquement à l'aide du tableau js et d'un peu de php comme je l'ai fait avec mon plugin openstreetmap (je vous laisse chercher le lien car j'écris avec mon tel)  big_smile


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#7 07/11/2013 10:11:46

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 128
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Jerry a écrit :

Et tu peux nous faire le même avec openstreet maps ???

Tu veux vraiment que je fasse un plugin de openstreetmap alors que ton plugin existe ?


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#8 07/11/2013 14:52:50

Francis
Membre
Inscription : 19/11/2011
Messages : 407
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

D'où l'intérêt de pouvoir piocher les contenus des autres plugins, à partir du plugin shortcodes !

Dernière modification par Francis (07/11/2013 14:53:15)

Hors ligne

#9 07/11/2013 15:11:03

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 525
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Pas un plugin, un shortcode.


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#10 07/11/2013 16:31:53

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 128
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Jerry a écrit :

Pas un plugin, un shortcode.

Pas de problème mais il faut que tu prévois un hook de get content :

[== PHP ==]
$this->addHook('openstreetmaps::getcontent', 'getContent');

public function getContent($o) {
		if ($o["lattitude"] == "") $o["lattitude"]= '51.486782';
		if ($o["longitude"] == "") $o["longitude"]= '-0.143242';
		
		
		return "\n".'
		
			ton html avec tes variables php

               ';
	}

Et ce sera bon pour créer un shortcode de ce type dans le fichier de config du thème (pour le moment) :

[== PHP ==]

function openstreetmaps_func($atts) {
	global $plxShow;
	
	
	extract(shortcode_atts(array(
		'lattitude' => '51.486782',
 		'longitude' => '-0.143242',
		...
 	), $atts));
	
	
	$o = array();
	$o["lattitude"]= $lattitude;
	$o["longitude"] = $longitude;
	...
	
	return ($plxShow->callHook('openstreetmaps::getContent',$o));
}
# w comme widget
add_shortcode('WOPENSTREETMAPS', 'openstreetmaps_func');

Dernière modification par je-evrard (07/11/2013 22:10:46)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#11 09/03/2015 14:10:04

PPmarcel
Membre
Inscription : 21/06/2010
Messages : 249
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Il est au top ton plugin. Jusqu'ici j'ai toujours cru qu'il fallait paramétrer les coordonnées en dur dans le code, ce que je trouvais rébarbatif.

Mais en réalité il ne s'agit que de valeurs par défaut qu'on peut modifier dans un article via la balise [WGMAPS ...].
Ca mériterai d'être expliqué plus clairement dans le sujet de ce thread et dans l'aide du plugin.

Hors ligne

#12 09/03/2015 16:08:34

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 128
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Merci.

Mise a jour en 1.1


**** v 1.1 ****
- add shortcode [SPXWGOOGLEMAPS]


***v1.0***
- First release.

Le plugin génère automatiquement le shortcode pas besoin de le déclarer dans le thème.

[SPXWGOOGLEMAPS title='chez moi' content='Mon adresse en detail' lattitude=51.486782 longitude=-0.143242]

Pour la mise à jour automatique vous pouvez passer par spxplugindownloader

a+

jéjé

Dernière modification par je-evrard (09/03/2015 16:09:59)


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#13 09/03/2015 19:33:22

PPmarcel
Membre
Inscription : 21/06/2010
Messages : 249
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

je-evrard a écrit :

Le plugin génère automatiquement le shortcode pas besoin de le déclarer dans le thème.

D'autant mieux ! Je te recommande de mettre à jour ton premier post, pour que ça reste clair pour les prochains qui viendront dessus.

Edit : en supprimant mon config.php, la balise n'est plus interpretée par le plugin. Je peux la lire texto dans l'article ([WGMAPS...])

Dernière modification par PPmarcel (09/03/2015 19:36:28)

Hors ligne

#14 09/03/2015 20:25:23

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 128
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Le shortcode à change de nom : SPXWGOOGLEMAPS


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#15 09/03/2015 20:31:02

PPmarcel
Membre
Inscription : 21/06/2010
Messages : 249
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

En effet, je n'avais pas relevé ce changement. Tout marche. Bravo encore une fois. smile

Hors ligne

#16 15/03/2015 13:44:21

PPmarcel
Membre
Inscription : 21/06/2010
Messages : 249
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Hello je-evrard,

Depuis la mise à jour, j'ai remarqué que l'aide du plugin avait disparue.
Or elle est utile pour retrouver la commande exacte de la balise.

Peux-tu la remettre ?

Matthieu

Hors ligne

#17 15/03/2015 14:13:03

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 128
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Bonjour,

Je n'ai pas enlevé l'aide je l'ai juste modifié. Il n'y a plus besoin de préciser qu'il faut créer un shortcode puique le plugin le fait automatiquement.

Voici l'aide :

[== Indéfini ==]
Aide du plugin spxgooglemaps
Ce plugin va vous permettre d'insérer une carte google maps dans un article, page statique ou fichiers du thème..
Le plugin va créer automatiquement (depuis la version 1.1) un shortcode googlemaps, le plugin spxshortcodes doit être activé.
Pour appeler le shortcode, utilisez la syntaxe suivante n'importe ou dans votre site :
 
[SPXWGOOGLEMAPS title='chez moi' content='Mon adresse en detail' lattitude=51.486782 longitude=-0.143242]
 
Pour plus de détails sur les shorcodes : http://codex.wordpress.org/Shortcode_API
 
A noter : le plugin utilise un css simple que vous pouvez modifier :
#spxgooglemaps_frame{

background:#fff;

padding:15px;

box-shadow: 0 0 20px #999;

border-radius:2px;

}

#spxgooglemaps_map {

  height:300px;

  background:#6699cc;

  }

a+

jéjé


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#18 15/03/2015 19:06:29

PPmarcel
Membre
Inscription : 21/06/2010
Messages : 249
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Ah oui tiens c'est étrange, sur 3 instances pluxml je n'en n'ai qu'une qui n'affiche pas l'aide justement. Et c'est sur celle-ci que je bossais en ce moment.

Ca vient probablement de mon côté du coup.

spxgooglemaps.png

Hors ligne

#19 28/07/2015 16:21:50

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 128
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Le plugin dans cette version est comptatible 5.4. Pour info.


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#20 26/04/2016 16:35:48

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 128
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Mise a jour 1.2 pour pluxml 5.5


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#21 06/07/2016 23:07:38

mbouchaud
Membre
Lieu : Côte d'Amour
Inscription : 08/04/2015
Messages : 17
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Bonsoir,

J'ai réussi à déployer mon prototype (visible ici http://colonelreyel.fr/) sur le serveur d'hébergement final qui est hélas free http://gapplongee.free.fr.
Après avoir découvert les plaisirs de la configuration spécifique du fichier .htaccess, je m'attaque maintenant à analyser certains dysfonctionnements comme le problème que je rencontre avec SPXGOOGLEMAPS.

Par exemple, sur la page http://gapplongee.free.fr/index.php?art … nt-nazaire la map est affichée puis remplacer par une image contenant un point d'exclamation.

Est-ce que le plugin est incompatible avec le contexte ou bien est-ce qu'il y a une configuration spécifique à mettre en oeuvre.
Je vous remercie d'avance pour votre retour.

Hors ligne

#22 07/07/2016 00:27:50

Jaseur Boreal
Membre
Inscription : 04/02/2014
Messages : 54

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Bonjour,

La map google se voit l'espace d'une demi seconde, et ensuite est remplacée par une image contenant un point d'exclamation avec message d'erreur;

"Petit problème... Une erreur s'est produite
Google Maps ne s'est pas chargé correctement sur cette page. Pour plus d'informations techniques sur cette erreur, veuillez consulter la console JavaScript."

J'observe aussi le même phénomène sur la section contact de www.jaseurboreal.eu
qui me sert en partie de tests.
Par contre c'est impeccable pour une insertion de carte OPENSTREETMAP par iframe : cela fonctionne parfaitement.

A tout hasard, Goooogle aurait-il changé, c'est la période mi-annuelle, quelques données liées à l'API Google map ?

Merci de toutes pistes de solution ?

Dernière modification par Jaseur Boreal (07/07/2016 00:35:52)

Hors ligne

#23 07/07/2016 09:03:22

je-evrard
Pluxml Staff
Lieu : pau
Inscription : 08/05/2012
Messages : 1 128
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Bonjour,

Veuillez verifier si il n'y a pas de conflit javascript avec éventuellement un autre plugin en les désactivant. Merci du retour.

Comme on peut le voir ici ce n'est pas google qui est a mettre en cause : demo-spx5/googlemaps


Petit à petit l'oiseau fait son nid.
- Sites : Création web - Création artistique
- pluxml : Plugins - Simplebox - Visual Wizard
- Projet SPX : Vitrine - Blog
facebook

Hors ligne

#24 07/07/2016 10:13:14

Jaseur Boreal
Membre
Inscription : 04/02/2014
Messages : 54

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Bonjour Jérôme du Béarn,

Pour tester, j'ai désactivé quelques plugins en laissant actifs les principaux :

  • spxplugindownloader - Version 2.5 (19/08/2015)

  • spxwthemesimple - Version 0.8 (20/05/2016)

  • spxdatas - Version 1.86 (24/02/2016)

  • spxshortcodes - Version 1.3 (28/10/2013)

  • spxusefulshortcodes - Version 1.1 (17/06/2016)

  • spxgooglemaps - Version 1.2 (05/11/2013)

Sur la page http://www.jaseurboreal.eu/article2/loc … artes-maps

On a bien pendant une seconde l'affichage d'une carte palloise, mais bizarre, elle disparaît ensuite derrière le message d'erreur. S'est-elle égarée en vallée d'Aspe ?

Faudrait-il maintenant un compte google identifié par domaine avec une api-key pour valider l'api-google maps ? Car il en faut un maintenant pour youtube quand on incorpore (par exemple dans spip) un plugin vidéo youtube.
Les différentes API-Google Maps sont ici : https://developers.google.com/maps/get-started/?hl=fr

J'ai trouvé ceci sur le même sujet récent dans wordpress après une recherche:

"- depuis le 26 juin, tout nouveau site web (nouveau nom de domaine) aurait un frais à payer pour utiliser les Googles Maps.
- pour les sites mis en ligne avant le 26 juin (cf nom de domaine), c'est gratuit mais il faut créer/utiliser un API key pour que les Googles Maps fonctionnent (et encore cela ne marche pas pour tous les sites dont le mien)
Source: https://wordpress.org/support/topic/goo … st-8561039 "

Google api translate a écrit :

Chaque demande à une API qui est représentée dans la console API doit inclure un identifiant unique. Les identifiants uniques permettent à la console de lier des demandes de projets spécifiques pour surveiller le trafic et faire respecter les quotas.

Google prend en charge deux mécanismes pour créer des identifiants uniques:

    OAuth ID client 2.0: Pour les applications qui utilisent le protocole OAuth 2.0 pour appeler les API Google, vous pouvez utiliser un client OAuth 2.0 ID pour générer un jeton d'accès. Le jeton contient un identifiant unique. Voir Configuration OAuth 2.0 pour plus d' informations.

    Clés API: Une clé API (soit une clé de serveur ou une clé de navigateur) est un identifiant unique que vous générez en utilisant la console. L'utilisation d'une clé API ne nécessite pas d'intervention de l'utilisateur ou le consentement. Les clés API ne donnent pas accès à toute information de compte, et ne sont pas utilisés pour l'autorisation.

    Utilisez une clé API lorsque votre application est en cours d'exécution sur un serveur et accéder à l'un des types de données suivants:
        Les données que le propriétaire des données a identifié comme public, comme un calendrier public ou blog.
        Les données qui sont la propriété d'un service Google tels que Google Maps ou Google Translate. (Limitations d'accès peuvent s'appliquer.)

    source : https://support.google.com/googleapi/an … 8857?hl=fr

Précisions : comment créer une clé API Google :

Comment créer une clé API google

Mise en place des clés de l'API

Si votre application cliente n'utilise pas OAuth 2.0, alors elle doit inclure une clé API lorsqu'elle appelle une API qui est activée dans un projet Google Cloud Platform. L'application passe cette clé dans toutes les demandes de l' API en tant que key=API_key paramètre.

Pour créer la clé API de votre application google:
   

  1. Aller à l' API Console .

  2. Dans la liste des projets, sélectionnez un projet ou créez en un nouveau.

  3. Si la page d'API Manager n'est pas déjà ouverte, ouvrez le menu Gallery Menu et sélectionnez API Manager.

  4. Sur la gauche, choisissez de vérification des pouvoirs.

  5. Cliquez sur Créer des informations d' identification, puis sélectionnez la clé API.

  6. Choisissez le type de clé à utiliser. (Types d'API clés sont décrits plus en détail dans les sections suivantes.) Si vous n'êtes pas sûr que ce soit une clé API appropriée pour l'API que vous appelez, sélectionnez Aide - moi à choisir et suivez les instructions pour prendre les bonnes références.

Remarque: En plus de lire les instructions sur cette page, assurez - vous de lire les meilleures pratiques pour l' utilisation en toute sécurité des clés de l' API .

L'API prend en charge plusieurs types de clés API, y compris les touches de serveur, les touches du navigateur, les clés iOS et Android touches.



Continuons les recherches ...
Cordialement

Dernière modification par Jaseur Boreal (07/07/2016 10:49:17)

Hors ligne

#25 18/07/2016 15:24:06

mbouchaud
Membre
Lieu : Côte d'Amour
Inscription : 08/04/2015
Messages : 17
Site Web

Re : [SPXGOOGLEMAPS] affichage carte google (via shortcode)

Le problème est reproductible sur différents (OS, navigateurs et versions) avec uniquement les 2 seuls plugins d'activés suivants : spxshortcodes, spxgooglemaps.

Pour information, je constate que le problème est reproductible sur un site hébergé chez free http://gapplongee.free.fr/index.php?art … ue-estival et le même site hébergé chez OVH fonctionne normalement.

Avez-vous une autre piste SVP pour corriger le problème ?

Dernière modification par mbouchaud (18/07/2016 15:28:35)

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés