Maps for ASP.NET Web Forms
ラベルの追加
主な機能 > ベクターレイヤ > ラベルの追加

このトピックでは、C1VectorLayerおよびC1VectorPlacemarkを使用して、地理座標(米国Pennsylvania州Erie)にラベルを追加します(詳細については、「ベクターレイヤ」を参照してください)。

デザイナの場合

  1. コントロールを右クリックし、コンテキストメニューから[プロパティ]を選択してプロパティウィンドウを開きます。
  2. Layersプロパティの横にある省略符ボタン(...)をクリックして、C1Layersコレクションエディタを開きます。
  3. [追加]ボタンのドロップダウン矢印をクリックし、C1VectorLayerを選択します。C1LayersコレクションにC1VectorLayerが追加され、C1Layersコレクションエディタの右側にそのプロパティが表示されます。
  4. Placemarkプロパティグループを展開し、LabelVisibilityをVisibleに設定して、C1VectorPlacemarkのラベルを表示します。
  5. Dataプロパティグループを展開し、DataTypeをWijJsonに設定します。
  6. Vectorsプロパティの横にある省略符ボタン(...)をクリックして、C1VectorItemBaseコレクションエディタを開きます。
  7. [追加]ボタンのドロップダウン矢印をクリックし、C1VectorPlacemarkを選択します。C1VectorItemBaseコレクションにC1VectorPlacemarkが追加され、C1VectorItemBaseコレクションエディタの右側にそのプロパティが表示されます。
  8. LabelをErie, PAに設定し、Pointを-80.0852, 42.1296に設定します。
  9. [OK]をクリックして、C1VectorItemBaseコレクションエディタを閉じます。
  10. [OK]をクリックして、C1Layersコレクションエディタを閉じます。
  11. [F5]キーを押してプロジェクトを実行します。

マップのスケールに応じて要素の表示/非表示を操作する方法については、トピック「ベクターレイヤ」の「要素の表示/非表示」セクションを参照してください。

ソースビューの場合

次のマークアップを<c1:C1Maps> </c1:C1Maps>タグの間に追加して、マップコントロールにラベルを追加します。

ソースビュー
コードのコピー
<Layers>
    <c1:C1VectorLayer>
        <DataWijJson>
            <vectors>
                <c1:C1VectorPlacemark  Label="Erie, PA"  Point="-80.0852, 42.1296" >
                </c1:C1VectorPlacemark>
            </vectors>
        </DataWijJson>
        <Placemark LabelVisibility="Visible" />
    </c1:C1VectorLayer>
</Layers>

コードの場合

  1. 次のコードを Page_Load イベントに追加して、マップコントロールにラベルを追加します。
    C#
    コードのコピー
    // レイヤを作成してマップに追加します。
    C1VectorLayer vl = new C1VectorLayer();
    C1Maps1.Layers.Add(vl);
    
    // 使用するデータソースの種類を設定します。
    vl.DataType = DataType.WijJson;
    
    // ラベルを表示するかどうかを設定します
    vl.Placemark.LabelVisibility = LabelVisibility.Visible;
    
    //ベクタープレースマークを作成してレイヤに追加します。
    C1VectorPlacemark vp1 = new C1VectorPlacemark();
    vl.DataWijJson.Vectors.Add(vp1);
    
    // プレースマークを地理座標に設定します。
    vp1.Point = new PointD(-80.107008, 42.16389);
    
    // プレースマークのラベルとプロパティを設定します。
    vp1.Label = "Erie, PA";
    

    VB
    コードのコピー
    ' レイヤを作成してマップに追加します。
    Dim vl As New C1VectorLayer()
    C1Maps1.Layers.Add(vl)
    
    ' 使用するデータソースの種類を設定します。
    vl.DataType = DataType.WijJson
    
    'ラベルを表示するかどうかを設定します。
    vl.Placemark.LabelVisibility = LabelVisibility.Visible
    
    'ベクタープレースマークを作成してレイヤに追加します。
    Dim vp1 As New C1VectorPlacemark()
    vl.DataWijJson.Vectors.Add(vp1)
    
    ' プレースマークを地理座標に設定します。
    vp1.Point = New PointD(-80.107008, 42.16389)
    
    ' プレースマークのラベルとプロパティを設定します。
    vp1.Label = "Erie, PA"
    
  2. プロジェクトを実行します。

ここまでの成果

次の図は、C1Mapsコントロールに米国Pennsylvania州Erieのラベルが付いた地理座標を示したところです。

ラベルを見やすくするため、フォームのテーマはmetro-darkに設定されています。