Skip to Content
avatar image
Former Member

Design Studio Choropleth maps - Unable to display the map

Hi All,

I started working on Choropleth maps and I am facing an issue.

when I provided my custom Geo JSON file, the map is disappearing and displays only bubbles with blue background as shown below. However if I remove my JSON code the default map is showing correctly.

Could you please take a look and let me know what I am missing here ?

choropleth-map-disappears-with-json.jpg

Thanks,

Harish

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "0359",
        "0PLANT__YDISTRCT": "035125",
        "0PLANT": 7001
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -79.29973,
          43.76146
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "0359",
        "0PLANT__YDISTRCT": "035125",
        "0PLANT": 7011
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -79.55626,
          43.61436
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "0359",
        "0PLANT__YDISTRCT": "035125",
        "0PLANT": 7012
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -79.31345,
          43.70891
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "0359",
        "0PLANT__YDISTRCT": "035158",
        "0PLANT": 7025
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -75.61291,
          45.41851
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "0359",
        "0PLANT__YDISTRCT": "035158",
        "0PLANT": 7026
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -75.76054,
          45.35242
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "0359",
        "0PLANT__YDISTRCT": "035158",
        "0PLANT": 7075
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -74.76065,
          45.03773
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "0359",
        "0PLANT__YDISTRCT": "035159",
        "0PLANT": 7033
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -81.2812,
          42.9381
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "0359",
        "0PLANT__YDISTRCT": "035159",
        "0PLANT": 7138
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -80.24168,
          43.16284
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "0359",
        "0PLANT__YDISTRCT": "035159",
        "0PLANT": 7153
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -82.35636,
          42.98631
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "0359",
        "0PLANT__YDISTRCT": "035159",
        "0PLANT": 7182
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -80.72925,
          43.11613
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "0359",
        "0PLANT__YDISTRCT": "035230",
        "0PLANT": 7128
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -73.59289,
          45.47566
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "0359",
        "0PLANT__YDISTRCT": "035230",
        "0PLANT": 7152
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -73.46358,
          45.48429
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "03532",
        "0PLANT__YDISTRCT": "035191",
        "0PLANT": 7117
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -113.49768,
          53.50366
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "03532",
        "0PLANT__YDISTRCT": "035191",
        "0PLANT": 7119
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -113.55113,
          53.59924
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "03532",
        "0PLANT__YDISTRCT": "035191",
        "0PLANT": 7172
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -113.30183,
          53.54124
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "03532",
        "0PLANT__YDISTRCT": "035191",
        "0PLANT": 7222
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -113.21607,
          53.69273
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "03532",
        "0PLANT__YDISTRCT": "003554",
        "0PLANT": 7250
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -114.22693,
          51.10677
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "03532",
        "0PLANT__YDISTRCT": "003554",
        "0PLANT": 7254
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -114.00419,
          51.26065
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {
        "0PLANT__YDIVIS": "0356",
        "0PLANT__YREGION": "03532",
        "0PLANT__YDISTRCT": "003554",
        "0PLANT": 7223
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          -113.97218,
          50.72475
        ]
      }
    }
  ]
}
<br>
Add comment
10|10000 characters needed characters exceeded

  • Harish,

    In order to help the community respond to your question, it is important that you are very clear and provide all of the relevant information. Based on your choropleth map image, it looks like you are using the Design Studio SDK Development Community Choropleth Map instead of the the standard geo map, yet in your question you have not clarified if this is the case or not. That would be a good starting point.

    Regards,

    Mustafa.

  • Former Member Mustafa Bensan

    Hi Mustafa,

    Sorry, but let me clarify again please.

    I am using the SDK version of Choropleth map not the GEO maps for doing a prototype before we start the productionisation of it, I am currently on DS 1.6 version.

    My question is, how do I get the values displayed and correctly layered on the map ?

    Issue I am facing is when I drag and drop Choropleth map and assign a data source, the map loads correctly; however if I write my JSON code, the map structure disappears and shows only bubbles at the required location with plain background (I can not see any map in background).

    Step 1: Drag and drop the choropleth map and load Canada map which works fine as expected by displaying Canada map layout.

    Step 2: Assign a Data Source - BEx query with latitude and Longitude and few metrics

    Step 3: In the additional properties -> mapping section, remove the map contents (which was loaded by default after choosing Canada) instead Insert the custom JSON logic (given in code section already) in Map contents as shown in below picture. (observe that map layout is disappearing and only showing bubbles at the coordinates given in JSON code).

    Not sure if it is a problem in my JSON logic or did I missed any steps in the sequence ? Please advise how I can get the values displayed and correctly layered on the map ?

    Thank you in advance!

    Regards,

    Harish

  • Get RSS Feed

1 Answer

  • avatar image
    Former Member
    Jan 19, 2017 at 08:40 PM

    Can anyone can help me with the issue posted please?

    Regards,

    Harish

    Add comment
    10|10000 characters needed characters exceeded