CurioStation Okayama

アクセス 近隣の駐車場 データファイルから読込

アクセスガイド(駐車場:ファイルから読込)

  • 店舗近郊の駐車場をデータ化したファイルから読込
  • JSONファイルから読み込んで表示するしています。

Load時にJSON形式のファイルから情報を取得し、地図上に表示するように変更

 

手順としては、
  1. LOAD時にJSONファイルを読込んで変数に保存
  2. 地図が表示されたら変数の内容を地図に適用
 

固定値を直接プログラミングコードに記述するよりも、データを外部ファイルにする方が内容の変更が簡単。
ただし、データ量が多くなるとレスポンスが悪化する可能性もある。
JavaScriptの使用例は、いろいろなサイトで紹介されているので、参考にして下さい。

 

※Google Chromeなどのブラウザでは、外部ファイルの読込制限などによりローカルでは実行時にエラーになることもあるので、作成時には注意が必要となります。

 

※ページを見ただけでは、何も変わってないように見えますが、作り方は違っています。
どちらが「よい」「悪い」とうことでもなく、見た目は同じでも、作り方は違っている紹介でした。
 

中身が見えないのに、違いが解らない!!と思うことでしょう。
気になられたら、コードを表示させて見比べて下さいネ♪