How to add a number to the location marker pin?

Sometimes having several locations close to each other can make it harder to hover over each one of them. Instead, you can place a single location marker pin with a number that represents the locations around that area. 

Here is how to do it:

1) Once you have added all the locations, you need to define when you want the location markers to appear on your map. You can do this by using the location "display" property:

https://simplemaps.com/docs/locations

e02c58a4d249d0030e907c164ed03ec1.png

- Go to the code tab and add the following to each location:

Locations only visible on zoom out: 

display: "out",
Locations only visible on state-level zoom: 

display: "state"

d60ae739dbca64fa6790279d4d0073d2.png

2) Then, go to the "Labels" tab and create labels for the locations where you want to show a number inside the marker. 

c5eed675f7c1bc34acb37797f6f16d06.png

- Set the "Parent type" to location and the "Parent id" to the location id. You can find the location id by going to the "Code" tab and scrolling down to the locations section of the code:

f1e5d736b89cc66e7742f1518f630cf2.png

- The name would be the number that you want to show inside the marker:

0ddb5caf4828ca705dbfafdebf010f88.png

3) You should be able to see the numbers inside the marker by this point. 

Zoom out:

ad64fe7d1c6d055e7380cc7a2d2081d6.png

Zoomed TX:

ab1a1a729914a1eacce27c72a1f1c603.png