Layer Kml masque la carte

**Simon-33** · 27/04/2017, 17h49

Bonjour, je suis grand débutant ...
J'ai réussit à insérer une carte sur une page blogger, sur cette carte je souhaite insérer un itinéraire...
J'ai donc ajouter une fonction kmlLayer mais le résultat n'est pas à la hauteur de mes espoirs !

La trace de l'itinéraire s'affiche sur un fond blanc, masquant totalement la carte ...

http://lesrandonneesdesimon.blogspot.fr/p/layer.html

J'en qu'au début de mon projet, et de l'aide j'aurais encore besoin (webhooks, JSON, PHP, ...)

(@ Bordeaux cela peut rimer avec bonnes bouteilles à la clé)

Si un étudiant cherche un projet concret de suivi et de partage de positions GPS, faites mois signe !

Merci d"avance

**NoSmoking** · 02/05/2017, 13h31

Bonjour et bienvenue sur DVP.

Je ne peux pas m'empêcher de te dire tout d'abord que ton code HTML est un véritable « foutoir » avec plusieurs balises <body>, <html> entre autres ...ceci étant ton problème n'est pas lié au javascript mais au CSS.

Ton KML t'est renvoyé sous forme d'image PNG, donc transparentes et malheureusement on trouve dans ton CSS une règle qui annule cette transparence !

En gros recherche dans ton CSS, inclus dans ton fichier layer.html

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
.post-body img,
.post-body .tr-caption-container,
.Profile img,
.Image img,
.BlogList .item-thumbnail img {
    padding: 2px;
    border: 1px solid #eeeeee;
    background: #ffffff;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.1);
    box-shadow: 1px 1px 5px rgba(0,0,0,.1);
}

et supprime la ligne

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

background: #ffffff;

(@ Bordeaux cela peut rimer avec bonnes bouteilles à la clé)

Perso je préfère le Côte du Rhône que je bois avec Modération et Parcimonie deux bons copains

**Simon-33** · 02/05/2017, 19h21

Merci, pour ta réponse NoSmoking...

J'avais malheureusement bien conscience du foutoir !
Cela fait moins d'un mois que j'ai tapé (et Ctrl C) ma première ligne de code, j'était déjà tout heureux de voir aparaitre une carte !

L'étape suivante sera de récupérer les données émise d'une balise GPS (Tifiz) sous forme de webhooks ...

Je creuse, je creuse (les touches de mon clavier !)...

Bonne soirée

Cordialement

**NoSmoking** · 04/05/2017, 15h11

As tu résolu ton problème, ce qui visiblement n'est pas le cas si l'on va sur le lien fourni !
Qu'est ce qui te bloque ?

**Simon-33** · 04/05/2017, 18h21

Juste un manque de temps après de journées bien remplies ...
De plus le match de boxe à la télé hier soir ne me permettait pas de me concentrer !
Je crois que vais d'abord reprendre quelques cours afin de ne pas copier sans tout comprendre et entretenir mon foutoir !

Merci de ton attention

Bien Cordialement

**Simon-33** · 04/05/2017, 20h41

Bonsoir NoSmoking,

Le CSS est géré par Blogger ...
Je ne sais pas où l'atteindre

J'ai repris mon code de base avec Notepad++ et cela fonctionne bien sûr !

**NoSmoking** · 06/05/2017, 20h26

Si tu n'as pas accès en direct au CSS tu peux toujours en ajouter là où tu as défini le style de ta #map :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#map {
    height: 800px;
    width: 100%;
}
#map img { /* ajout à faire */
    background: inherit;
}

**Simon-33** · 07/05/2017, 17h44

Yes !!!
Merci NoSmoking, je viens de prendre connaissance de ton message, malgré le fatigue d'une nuit blanche passée
sur le vélo pour un brevet de 400km, j'ai réussis à mettre en oeuvre ta recommandation du premier coup !

Je vais pouvoir enfin passer à la suit de mon projet : un intégré un pointeur dont lés coordonnées GPS proviennent d'une balise Tifis

La plateforme interface de ma balise permet d'indiquer une URL pour la transmission de poste du type :
Le portail de gestion de ma balise GPS permet la transmission de webhooks du type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
POST <your_notification_callback_uri>
Content-Type: application/json
 
{
  "event": "LOCATION_CHANGED",
  "beacon": {
    "name": "My TiFiz",
    "serialNumber": "E555",
    "location": {
      "latitude": 43.83883,
      "longitude": 3.641531,
      "timestamp": 1478187361745
    }
  }
}

D'abord je n'ai pas même idée où envoyer ce script ???
Une page PHP ...(à écrire...)
puis-je la stocker sur une page perso Orange par exemple ?
Je forun Google me suggere :
"Ensuite, soit vous développez une petite page en PHP/JS/MySQL/HTML pour récupérer et mettre en forme votre carte via l'API Google Maps, soit vous convertissez tout ça en fichier tableur que vous importez dans My Maps."

Je vais chercher...

Cordialement

**NoSmoking** · 09/05/2017, 17h09

Il est préférable d'ouvrir une discussion par question afin de ne pas perdre le fil de la discussion et de laissez la possibilité aux visiteurs de bénéficier des réponses en leur offrant un sujet moins dispersé.

PS : ne pas oublier de passer cette discussion en résolue

Layer Kml masque la carte [Google Maps]

APIs Google

Discussions similaires

Partager

Partager