pirika-inc https://blog.hatena.ne.jp/pirika-inc/ Pirika Developers Blog https://devblog.pirika.org/ React GoogleMaps TypeScript GIS GISデータをGoogle Mapで可視化するにあたって、Reactと連携しながら使いたいことがあります。 一方で、Google MapのMaps JavaScript APIでオーバーレイは命令的に実行する必要があり、差分表示などもケアしようとするとそれなりのコードを書く必要がでてきます。 @react-google-maps/apiライブラリでは、Rectangle, Circle, HeatmapLayerなどオーバレイ用のコンポーネントが提供されており、これらを使うことで宣言的に可視化を行うことができます。本記事では、具体例を交えながら使い方を紹介します。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdevblog.pirika.org%2Fentry%2F2022%2F12%2F23%2F173000" title="ReactでGISデータを宣言的に可視化する - Pirika Developers Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/p/pirika-inc/20221223/20221223091245.png Hatena Blog https://hatena.blog 2022-12-23 17:30:00 rich https://devblog.pirika.org/entry/2022/12/23/173000 1.0 100%