Select to view content in your preferred language

Are the circle and scalebar dependent on each other?

821
4
07-23-2024 03:43 AM
QuangLinh
New Contributor

Hi everybody
When I enter a radius of 500km when drawing on the map the diameter of the circle will be 1000km and will be equal to the scalebar line in the lower right corner. But the problem is that when I draw on the map, the circle is smaller than the scalebar in the lower right corner. And I want to confirm that circle and scalebar are dependent on each other? If so, how can the drawn circle be equal to the line of the scalebar in the lower right corner? On the contrary, if they are not dependent on each other, please give me a link to prove it. Thank you

QuangLinh_0-1721731194661.png

 

 
0 Kudos
4 Replies
BobBooth1
Esri Regular Contributor
0 Kudos
Faiez
by
Frequent Contributor

Hi!

As Bob has mentioned, it is very important to select the right GCS and PCS for your map and layers. GCS defines the location of data on the earth's surface while the PCS draw the data on a flat surface.  If you want to create a concentric ring and display it on the google earth here is the option:

1. Open the project> in case of need you can add a layer> otherwise just use the map.

2. Cliks Insert>Distance and Direction tab on thr ribbon> select ring>

3. Fill the table 

Faiez_1-1721764128257.png

4. click create. if you want to display it on the google earth export it as a KML.

 

Faiez_0-1721764082982.png

 

 

 

0 Kudos
nhanvi
by
New Contributor

Hello, @Faiez Do you know how to implement it via Javascript API? I had the same issue. my map uses WGS 1984 Web Mercator whenever I draw a ring the ring is slightly smaller than the scalebar.

 
0 Kudos
Faiez
by
Frequent Contributor

Hello!

1. 

<!DOCTYPE html>
<html>
<body>
<h1>Circle </h1>

<canvas id="myCanvas" width="200" height="100";">
</canvas>
<script>
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");

ctx.beginPath();
ctx.arc(95,50,40,0,2*Math.PI);
ctx.stroke();
</script>

</body>
</html>
 
Faiez_0-1722635551228.png

 

 

 
2.  

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

.dot {

  height: 100px;

  width: 100px;

  background-color: #6de992;

  border-radius: 100%;

  display: inline-block;

}

</style>

</head>

<body>

<div style="text-align:center">

  <h1>Circle</h1>

  <span class="dot"></span>

</div>

</body>

</html>

Faiez_1-1722635601807.png

 

3. https://www.mapdevelopers.com/draw-circle-tool.php?circles=%5B%5B500000%2C59.3251172%2C18.0710935%2C...

 

Faiez_2-1722635687362.png

 

4. 

Faiez_1-1722686386886.png

When a marker or a circle icon addet to the map, it is associated with the map.

Good luck,

Faiez

0 Kudos