google map APIはレスポンスにjsonやxml形式が使われているのか？

apiの流れがいまいち分かりません。

apiを使うとxmlやjson形式でレスポンスが返ってきてそれをスクリプトコードで解読すると聞いたのですが、
下記のapiコードはどこにjson形式など使われているのでしょうか？

###map6_1.html

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>Google Maps API サンプル</title>
  </head>
  <body>
    <p>瑞穂運動場です。</p>

    <div id="map" style="width:620px; height:400px"></div>

    <script type="text/javascript">
    function initMap() {
      var opts = {
        zoom: 15,
        center: new google.maps.LatLng(35.1239654, 136.9417741)
      };
      var map = new google.maps.Map(document.getElementById("map"), opts);
    }
    </script>

    <script async defer
      src="https://maps.googleapis.com/maps/api/js?key=APIKey&callback=initMap">
    </script>
  </body>
</html>

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

回答3件

ベストアンサー

JSON

サーバから受け取っているデータはJSON(技法的にはJSONP)ではないでしょうか。

配列初期化子

12.2.5 Array Initializer - ECMAScript® 2019 Language Specification

Googleサーバ側ではJavaScriptコード生成時にJSONにシリアライズする事で実装していると思われますが、クライアント側から見れば、JSONではありません。
「JavaScriptコード」を返し、受け取ったJavaScriptコードを直接実行するのがJSONPの特徴です。

HTTPレスポンス

HTTP通信は文字列でデータ交換を行うものなので、JavaScriptからそれらを扱うにはJavaScriptのデータに変換可能な書式でなければなりません。

JSON.parse (JSONのパーサ)
DOMParser (HTMLのパーサ)
document.implementation.createDocument (XMLのパーサ)

のように予め、JavaScriptが標準でパーサを用意している書式は扱いやすいといえます。
書式が決まっていれば、これらでなくてもOKですが、例えば、

サーバからCSV書式を返すよ
JavaScript標準APIにCSVパーサはないから、自分で頑張って書いてね

というドキュメントはあまりに不親切なので、

サーバからCSV書式を返すよ
CSVパーサは標準にないから、こちらで用意した google.CSV.parse を使ってね

という仕様になると思われますが、Googleが自社でパーサを書くより、予め用意されているパーサを使う方がコストが安く、安全です。

Re: Ms.yy さん

投稿2019/08/31 06:13

編集2019/08/31 15:55

think49

総合スコア18164

Ms.yy

2019/08/31 06:46

なるほとです。ということは、このmap6_1.htmlの中のグーグルマップURL（api）のリクエストで帰ってきたレスポンスがJSON形式でそれをmap6_1.htmlで表示させているという認識でしょうか？

think49

2019/08/31 15:59

親記事に追記しました。少なくとも、ViewportInfoService.GetViewportInfo は「JavaScriptコード」を受け取って処理を実行していると思います。 map6_1.html では、他にも多くのHTTPリクエストが行われており、その全てを調査していないので、この技法で全てかどうかは分かりません。

Ms.yy

2019/09/01 08:38

ViewportInfoService.GetViewportInfoはJSで受け取ってるならなんとなく流れが掴めた気がします。親記事もありがとうございます。難しい単語などあったので改めて確認させて頂きます。

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

apiを使うとxmlやjson形式でレスポンスが返ってきてそれをスクリプトコードで解読すると聞いたのですが、

そうでないタイプのAPIも存在します。Google　Maps APIは、「JavaScriptオブジェクトが用意してあって、それを呼び出す」タイプのAPIです。

投稿2019/08/31 05:37

maisumakun

総合スコア145184

Ms.yy

2019/08/31 05:40

なるほどです。つまり、json形式など解読するタイプと使わないタイプが存在するのですね

maisumakun

2019/08/31 05:43

APIの定義は、ごくおおざっぱに言えば「プログラムから呼び出して使えるように用意されたもの」ですので、実装のされ方も千差万別です。

Ms.yy

2019/08/31 05:44

そういわれると難しいですね・・・????

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

xmlやjsonというのはあくまで返却するデータの形式の種類にすぎません。
Google Map APIの場合は提供されているgoogle.maps.Mapクラスを利用しています。
第一引数の要素に結果を当てはめてる感じですね。

あとはhttps://maps.googleapis.com/maps/api/jsの処理内容を追ってみればどういうデータをやり取りしているか分かるかもしれません。

投稿2019/08/31 05:37

m.ts10806

総合スコア80850

Ms.yy

2019/08/31 05:43

難しいですね???? googlemapの場合は予めファイル作成＝＞作成したファイルへリクエスト＝＞ファイルに指定されているgooglemapＵＲＬ（API）から情報を持ってくる＝＞表示画面へレスポンスということですか？

m.ts10806

2019/08/31 05:54

えっとその「作成したファイル」は何を想定されていますか？ GoogleMap自体はオブジェクトが返ってきて何かしら操作があれば都度通信を行い、描画しています。オブジェクト自体がレスポンスと言ってもいいかもしれません。リクエストは第２引数に渡されたoption レスポンスが第１引数にあてはめられてるような作りと思います。

Ms.yy

2019/08/31 06:43

作成したファイルは上記のmap6_1.htmlです。他にも.phpファイルのことを想定してます

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

あなたの回答