質問: Google Maps APIをJavascriptを用いて書いているのですが、 そこにデータベースで入れた情報をブラウザ上で表示させるようにしたいです。 Javascriptで直接値を入れられないとわかったのですが、 どのようにすればできるのかがわかりません、、、 初心者なのでわかりやすい説明で教えていただければ大変助かります。 よろしくお願いいたします。
回答: ひとつ前置きですが、javascriptから直接データーベースの情報を出し入れすることは可能です。 HTML5の機能でブラウザに情報を保存するWebStorageというものやIndexedDBというものがあります。 利点としてはサーバー側にDBを設置する必要がなく、ユーザー個人だけの情報を持っておくことが出来るという点、一度ダウンロードしてしまえばオフラインでも利用できる点です。 難点としてはブラウザの種類やバージョンによって対応していたりしなかったり、ブラウザにより容量の制限があり、大容量の保存には向かない、あとユーザー側にしか持たないので利用している状況が見えない、などなどがあります。 さて、一般的なやり方ですが、JavaScriptからデータベース(サーバー)へアクセスする場合は`Ajax`を利用し、PHPなどサーバーサイドのプログラミング言語を実行して、そのプログラムの中でデータベース接続を行い、情報の更新・取得を行います。 「ajax PHP」などのキーワードで検索すればやり方はたくさん出てくるので参考にしてください(個人的にはQiitaの記事をよく参考にしています) これを覚えておくと出来ることの範囲が一気に広がるので簡単なコードでもひとつぜひ覚えておきたい技術ですね。