Bonjour

J'utilise l'outil Highcharts avec map pour créer des cartes sur mon site web.

J'arrive à ajouter des couches et à modifier la couleur des couches cependant elles ne se modifient que dans la légende et non sur la carte elle même.

<div id="containerCarte" class="carte" style="min-width: 400px; max-width: 400px" float="left"></div>

$.getJSON('assets/geojson/Untitled.geojson', function(Region){
   $.getJSON('assets/geojson/Untitled.geojson', function(CoursEau){
     $.getJSON('assets/geojson/BV/<?php echo $BVCoucheSIG ?>.geojson', function(BVStation){
          $('#containerCarte').highcharts('Map', {
              title: {
              text: 'Position de la station <?php echo $Station['NomStation']?>'},
              mapNavigation: {
                  enabled: true,
                  buttonOptions: {
                    verticalAlign: 'bottom'
                  }
              },
              series: [{
                  type: "mapline",
                  color: "#0096c8",
                  lineWidth: 3,
                  name:  'Cours d\'eau',
                  mapData: CoursEau,
              },{
                  name: 'Region',
                  color: '#707070',
                  showInLegend: false,
                  enableMouseTracking: false,
                  mapData: Region,
              },{
                  name:  'BV <?php echo $BVCoucheSIG ?>',
                  mapData: BVStation,
                  borderColor: "#007000",
                  color: "#007000",
              },{
                  name: 'Station',
                  type: 'mappoint',
                  data: [
                     <?php echo '{x:'.$Station['X_RGFG95'].', y:-'.$Station['Y_RGFG95'].',name:"'.$Station['NomStation'].'"},';?>
                  ],
                  tooltip: {
                      headerFormat: '',
                      pointFormat: '<b>{point.name}</b><br>X: {point.x}, Y: {point.y}'
                  },
              }]
         });
     });
  });
});

Du coup pour ce que j'ai appelé BV le color me permet juste de changer la couleur sur la légende. Le borderColor lui semble fonctionner normalement puisque seul le contour de l'entité sur la carte est coloré, l'intérieur lui est blanc (ou transparent).

Pour ma couche cours d'eau le color encore une fois fonctionne mais seulement pour la légende et je ne peux utiliser un borderColor puisque c'est une couche du type LineString. Sur la carte mes cours d'eau sont gris

Ma couche BV geojson ressemble à ça.

{
"type": "FeatureCollection",
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
                                                                                
"features": [
{ "type": "Feature", "properties": { "SP_ID": "L'approuague", "ID": "L'approuague", "area": 10932822352.658100 }, 
"geometry": { "type": "Polygon", "coordinates": [ [ [ 319164.4, 369069.0 ], [ 319162.8, 369068.9 ],  ...................}

Et ma couche cours d'eau ressemble à ça

{
"type": "FeatureCollection",
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
"features": [
{ "type": "Feature", "properties": { "gml_id": "CoursEau1.63--0210", "CdEntiteHydrographique": "63--0210", "NomEntiteHydrographique": "caripi (rio)", "Classe": "1" },
"geometry": { "type": "LineString", "coordinates": [ [ -51.681414, 3.184323 ], ........}

Merci d'avance de votre aide

Bon j'ai trouvé tout seul après deux bons jours à galérer... c'est negativeColor à ajouter

-
Edité par Chibroux 30 septembre 2016 à 21:33:59