10
0

白地図の上に路面表示乗せてみた

Last updated at Posted at 2024-09-02

白地図の上に路面表示

上司に、「白地図の上に路面表示とか乗ったやつ作れる?」と言われて色々調べてみたのでここにまとめておきます。

白地図とは

陸地・島などの輪郭だけを線で表して、あとは白いままにしてある地図。学習や分布図作成などに用いる。白図。しろちず。
引用:goo辞書

読んで字の如く白い地図。
こんな地図(会社周辺の交差点)
スクリーンショット 2024-08-30 16.07.18.png

国土交通省 国土地理院 地理院地図Vector

この白地図、見てわかるように輪郭しかないので、これに横断歩道などの路面表示を乗せていこうというわけです。

どうやって?

既存のものがないか調べたところ、ツールはあるものの、航空写真などを重ねて自力でトレースしていくらしい。
都市部の交差点はテンプレがあるとか(地方も欲しい!!)
自力か。。。

AIにやらせてみたらええやん!

ということで、航空写真の画像を生成AIになげたらうまいことしてくれるんじゃね?と思ったのでChatGPTにお願いしてみた。

プロンプトに白地図と同じ場所の航空写真とともに
スクリーンショット 2024-08-30 12.07.04(2).png
Google Map

  • 横断歩道や車線のマーキングをもとに道路の部分だけを抜き出してください

と入力すると真っ白な画像が、ガーン
どうやら画像内のどこに道があるのかわからないようでした、、

そこから格闘すること10分

black_lines_on_white.png

こんな感じに仕上がりました。
どうしても道の部分がわからないようなのでグレースケールにして、二値化して白黒反転させて、、
というふうにしてようやくいい感じに仕上がりました。(普通に画像処理すればいいやんとか言わないで)

あとは出来上がった物を白地図に重ねてあげると。

スクリーンショット 2024-08-30 16.54.02.png

うーん。まあ、まあ、、なんとか形にはなりました。
航空写真と正確な地図とでは若干ずれがあるようですね。

他の方法

二値化の方法が微妙だったので、エッジ抽出を試してみてみました。
別の交差点の白地図を用意。

スクリーンショット 2024-08-30 17.01.15.png

スクリーンショット 2024-08-30 14.46.09.png

同じように航空写真を用意して、今度はエッジ抽出するよう指示を出すと

スクリーンショット 2024-08-30 17.01.03.png

先ほどよりも車線などがきれいに取れている感じがします。
ですが、まだまだ改善は必要そうですね。

おわりに

今回は白地図の上に路面表示を重ねる、というお仕事を生成AIにお願いしてみましたが、できないことはないって感じでしたね。
今回の方法だと、Pythonなどで画像処理をするという方法もありますが、逆にプログラミングができなくても、画像処理ができるという学びになりました。

みなさんも上司に「白地図の上に路面表示とか乗ったやつ作れる?」と言われる機会があれば、是非参考にしてみてください。

それでは、次回の【生成AIにお願いしてみた】シリーズでお会いしましょう!!

参考文献

goo辞書, 白地図, https://dictionary.goo.ne.jp/word/%E7%99%BD%E5%9C%B0%E5%9B%B3/ ,(参照日2024-8-30)

国土交通省, 国土地理院, 地理院地図Vector, https://maps.gsi.go.jp/vector/#4/35.730489/139.065456/&ls=vblank&disp=1&d=l ,(参照日2024-8-30)
Googte, GoogleMap , https://www.google.com/maps ,(参照日2024-8-30)

10
0
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
0