Polygon drawing with Lambert_72 values doen't match

Jump to solution
10-12-2019 01:52 AM
New Contributor III


I have a problem which needs an urgent solution (like the most of us I guess ). I live in Belgium which uses the Lambert_72 coords. In a nutshell:

  1. I use an API to get me the correct lambert_72 coords : http://loc.geopunt.be/v2/location?q=van%20benedenlaan%2032%20mechelen 
  2. Then I use another API to get me the full geometry of that area (parcel): https://geoservices.informatievlaanderen.be/capakey/api/v1/parcel?type=json&x=157460.95&y=190082.14&...

In the 2nd call I get a nice json return:

   "departmentName":"MECHELEN  3 AFD",
      "Van Benedenlaan 32, 2800 Mechelen"

In this return I see boundingBox coords, centerCoords and shapeCoords.
Now my goal is to draw a polygon using the shapeCoords (of boundingBox coords). However the values I get are Lambert_72 values which I can't get to work .
I have made a testpage where I can see a point created to test if the drawing works and it does.
But when I do the polygon using the Lambert_72 coords provided to me it won't draw at the location I expect. After some reading I read that the rings should be filled with lon/lat coords which I don't have.

<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>ArcGIS JavaScript Tutorials: Display point, line, and polygon graphics</title>
html, body, #viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
<link rel="stylesheet" href="https://js.arcgis.com/4.12/esri/css/main.css">
<script src="https://js.arcgis.com/4.12/"></script>

], function (WebMap, MapView,
Graphic, Point, SimpleMarkerSymbol,
Polygon, SimpleFillSymbol
) {

var map = new WebMap({
portalItem: {
id: "8047aff130794b7fbc991fd1ac12ecf7"

var view = new MapView({
container: "viewDiv",
map: map,
center: [4.475, 51.02],
zoom: 5

// Create a point
var point = new Point({
longitude: 4.4750893831806655,
latitude: 51.020886794292629

// Create a symbol for drawing the point
var markerSymbol = new SimpleMarkerSymbol({
color: [0, 0, 0],
outline: {
color: [255, 255, 255],
width: 1

// Create a graphic and add the geometry and symbol to it
var pointGraphic = new Graphic({
geometry: point,
symbol: markerSymbol


// Create a polygon geometry
//Test coords
var x = 4.4750893831806655
var y = 51.020886794292629

var polygon = new Polygon({
rings: [
[x, y],
[x + 0.001, y + 0.001],
[x + 0.003, y + 0.003],
[x, y]

// Create a symbol for rendering the graphic
var fillSymbol = new SimpleFillSymbol({
color: [227, 139, 79, 0.8],
outline: {
color: [0, 0, 0],
width: 1

// Add the geometry and symbol to a new graphic
var polygonGraphic = new Graphic({
geometry: polygon,
symbol: fillSymbol

// Add the graphic to the view

<div id="viewDiv"></div>

How can I solve this?
Any help is appreciated. 
Kind regards,
0 Kudos
1 Solution

Accepted Solutions
New Contributor III

Apparantly I used the wrong api to get the right ring coords.

View solution in original post

0 Kudos
4 Replies
New Contributor III

Ok..I am a bit closer. I added the spatialReferen like this:

var polygon = new Polygon({
rings: [
[157429.70069999993, 190033.62999999896],
[157432.48480000347, 190037.28400000185],
[157456.1977000013, 190068.42199999839],
[157460.03270000219, 190073.45600000024],
[157472.0196999982, 190089.19509999827],
[157463.03480000049, 190096.19099999964],
[157454.14069999754, 190084.39409999922],
[157453.84179999679, 190083.99700000137],
[157451.09969999641, 190080.36410000175],
[157440.74469999969, 190066.81210000068],
[157420.71779999882, 190040.58509999886],
[157417.42369999737, 190036.27299999818],
[157420.22770000249, 190033.54309999943],
[157425.62669999897, 190028.28599999845],
[157429.70069999993, 190033.62999999896]
spatialReference: { wkid: 31370 }

And that seems to work a bit but not completely tho...the drawing is off...It doesn't connect completely to the borders. 
Is it the map which is wrong? What could be the cause of this?
0 Kudos
Occasional Contributor II


have you looked for a solution here:

projection | ArcGIS API for JavaScript 4.13 


0 Kudos
New Contributor III

Hi Todd,

Well I am now able to use the Lambert_72 coords by using the spatialReference wkid: 31370.

However I have a small mismatch as you can see on the screenshot. 

kind regards

0 Kudos
New Contributor III

Apparantly I used the wrong api to get the right ring coords.

View solution in original post

0 Kudos