統合マップビューア

ボタンクリックにより様々な地図を表示することができます。 下のコントローラーでプロパティやスタイルをリアルタイムに変更できます。

周辺スポット学区マップハザードマップ

公共・医療教育・子育て公園・レジャーショッピング

• 
  関区民事務所
  
• 
  練馬区立関町図書館
  
• 
  練馬関町郵便局
  
• 
  石神井警察署武蔵関駅前交番
  
• 
  医療法人社団　はなぶさ会　島村記念病院
  
• 
  医療法人社団　遼山会　関町病院
  
• 
  関町耳鼻咽喉科・アレルギー科
  
• 
  医療法人社団　こいし会　関町ゆいクリニック
  
• 
  増田整形外科医院
  
• 
  加藤クリニック
  
• 
  西武鉄道武蔵関駅
  
• 
  西武鉄道東伏見駅
  
• 
  練馬区「武蔵関駅南口」停留所
  

<MapContainer
  maps={mapDefinitions} /* 表示する地図コンポーネントのリスト */
  spots={spotsData} /* 周辺スポットのデータ */
  propertyName="サンプル物件"
  propertyType="mansion"
  propertyLatitude={35.72394449217684}
  propertyLongitude={139.57031726940562}
  prefectureCode="13"
  localGovCode="13120"
  localGovName="練馬区"
  hazardType="地形分類"
  areaScope="localOnly"
  style={{ 
    width: '100%',
    height: '500px',
    '--tab-border-radius': '20px',
    '--tab-bg-color-active': '#e6007e',
    '--tab-border-color-active': '#e6007e',
    '--tab-text-color-active': 'white',
  }}
/>

<!-- MapContainerは現在WebComponentに対応していません -->