nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Point symbol with number in the middle

JeremyCampbell1

Hopefully an easy one, although I haven't been able to find a solution in the samples or online.
What I want is to render a point with a number in the middle, is there an easy way to do this ? The cluster object (shown below) has this format however I'm not after a cluster - the number is a sequence number.
[ATTACH=CONFIG]20118[/ATTACH]

cluster.png

url settings.jpg

タグ付きの投稿をもっと見る

Runtime SDK for WPF

Accepted answers

AnttiKajanus1

Hi,
Here is one way to do it. Code from the hat and is not tested.

  <esri:SimpleMarkerSymbol x:Key="Circle" OffsetX="9" OffsetY="9">     <esri:SimpleMarkerSymbol.ControlTemplate>         <ControlTemplate>             <Grid>                  <Ellipse Fill="Red" Width="18" Height="18" Stroke="White" StrokeThickness="1"></Ellipse>                   TextBlock Text="1" HorizontalAlignment="Center" VerticalAlignment="Center"></TextBlock>                  </Grid>          </ControlTemplate>      </esri:SimpleMarkerSymbol.ControlTemplate>          </esri:SimpleMarkerSymbol>

with regards,
Antti

All comments

AnttiKajanus1

Hi,
Here is one way to do it. Code from the hat and is not tested.

  <esri:SimpleMarkerSymbol x:Key="Circle" OffsetX="9" OffsetY="9">     <esri:SimpleMarkerSymbol.ControlTemplate>         <ControlTemplate>             <Grid>                  <Ellipse Fill="Red" Width="18" Height="18" Stroke="White" StrokeThickness="1"></Ellipse>                   TextBlock Text="1" HorizontalAlignment="Center" VerticalAlignment="Center"></TextBlock>                  </Grid>          </ControlTemplate>      </esri:SimpleMarkerSymbol.ControlTemplate>          </esri:SimpleMarkerSymbol>

with regards,
Antti

FranklinEbner

Assuming the numbers are relatively small, you could use a simple label and to make it appear inside the symbol, go to 'Placement Properties' then select the 'Place label on top of the point' option.

MichaelBranscomb

Hi,

I'd recommend using PictureMarkerSymbols to achieve this. You will then still be able to use the accelerated display mode (which a controltemplated symbol would prevent you from doing).

Cheers

Mike

JeremyCampbell1

I had a look at the options, thanks for the replies!

I liked the solution from Antti, it was straight forward and did what I needed. The number in the middle was an attribute from my database, I was able to bind this to display the unique sequence number (this looked a bit harder using a PictureMarkerSymbol).

I was using the accelerated display mode, using the accelerated display layers collection I was able to keep some layers as accelerated - specifically the basemap.

I have re posted the snippet below, there was a minor typo - missing an angle bracket;

<esri:SimpleMarkerSymbol x:Key="Circle" OffsetX="9" OffsetY="9">
[INDENT]<esri:SimpleMarkerSymbol.ControlTemplate>
[INDENT]<ControlTemplate>
[INDENT]<Grid>
[INDENT]<Ellipse Fill="Red" Width="18" Height="18" Stroke="White" StrokeThickness="1"></Ellipse>
<TextBlock Text="1" HorizontalAlignment="Center" VerticalAlignment="Center"></TextBlock>[/INDENT]
</Grid>[/INDENT]
</ControlTemplate>[/INDENT]
</esri:SimpleMarkerSymbol.ControlTemplate>[/INDENT]
</esri:SimpleMarkerSymbol>

Jeremy.

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.