googlemapで行政区域を描写してサイト上に表示させたい！

初質問になります！
初心者に毛が生えた程度しかプログラミングの理解がないのですが、下記のサイトのようなものを作ってみたいと思っております。

http://memopad.bitter.jp/web/GoogleMap/V3/myMap/place/adminArea.html
（GoogleMapに行政区域を描写するというものです。）

どのように作成すればよいのでしょうか？

調べてみて

リストJS、特にjQueryを利用するらしいこと
区域描写のためのポイントの取得は別のサイトから取得すること
xmlファイルからデータを読み取り、googlemap上でポイントをつなぐ形で表示させること

などはわかったのですが、一方で

xmlファイルからポイントをどう取得するのか、そしてどうgooglemap上にポイントするのか
djangoで作成したサイト内にgooglemapを表示させたいのですが、通常のgooglemap表示しか上手く出来ませんでした

現在macを利用しております。
pythonを少しばかり勉強したのですが、JSにはまだあまり触れたことがありません。

初歩的、曖昧な質問になっているかも知れませんが、ご回答いただけると幸いです。
よろしくお願いします！

行動規範の内容に同意します

回答1件

ベストアンサー

web上に地図を表示することって、Googleマップが身近にしてくれて、
ものすごく簡単にできるように見えますよね。
でもそれは、Google自らライブラリや仕組みやサーバーを構築して
web地図を提供するための諸々を整備したからです。

Googleマップの延長上で、質問者さんの考えることをやろうと思ったら、
Googleが提供するドキュメントを読み、
API利用のための課金をしてご利用ください。
（わたしは使っていないので詳しいことはわかりません。）
Google Maps Platform | Google Developers

サイト内に単に特定の場所を示すなどのためにGoogleマップを「貼り付ける」なら
無償でできる範囲だった気がします。
Googleマップ側で管理している情報を「加工して表現する」なら、
ライセンス契約が必要だったりしたような。

オープンソースの世界でweb地図を扱うには、
OpenLayers
Leaflet
Mapbox GL JS
などを駆使することになりますし、
そこに表示する地図素材としては、
地理院地図｜地理院タイル一覧
 Tile servers - OpenStreetMap Wiki
あたりを利用してXYZタイル画像を使ったりします。
Googleもライセンス契約すればXYZタイル画像を使えます。
（XYZタイル画像を考案したのもGoogleです。）

点(Point)、線(LineString)、面(Polygon)などの情報を扱うのに、
GeoJSON
GeoJSON - Wikipedia
が比較的手軽です。
ですが、これを手で作る人は少ないでしょうし、
膨大になにかのデータをまとめようとすると大変難しいので、
QGIS
QGISでインタラクティブにデータ編集するかもしれません。
データベース（MySQLやPostgreSQL）でGISデータを扱う機能を有効にして、
データベースとQGISを連携して高度にデータ加工・管理したりしている事例もあります。
それを、データベースを流用してweb地図に表したり、
GeoJSONに出力させてJS上でデータ加工してweb地図に表したりします。