Q&A
お店の情報を地図上にプロットしたいということでしょうか？
ホットペーパーapiのレスポンスフィールドで店舗の緯度経度を取得できるのですが、その取得した緯度経度をどうやってgooglemapapiに渡せばいいのか分からないんです。
リクエストパラメータで緯度経度を設定し、それを地図に渡すことは出来ました。当然ながらそれだとリクエストパラメータで設定した緯度経度の周りの店舗しか取得できませんでした。
レスポンスフィールドだと
どうやったら、gmapにレスポンスフィールドで得た緯度経度を渡すことが出来ますか？
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Google Maps V3</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?&sensor=false"></script> <script type="text/javascript"> google.maps.event.addDomListener(window, 'load', function() { var lat =35.60472; var lng =140.12333; var latlng = new google.maps.LatLng(lat, lng); var mapOptions = { zoom: 12, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP, scaleControl: true }; var mapObj = new google.maps.Map(document.getElementById('gmap'), mapOptions);</head> <body> <div id="gmap" style="width: 500px; height: 370px; border: 1px solid Gray;"> </div> </body> </html>var marker = new google.maps.Marker({ position: {lat: <?= $lat ?>, lng: <?= $lng ?>}, map: mapObj }); }); </script>
skuromakuさん、おっしゃる通りです。各店舗の緯度経度をmapに表示したいんです。それも10件の店舗の緯度経度があるなら、10件の店舗分の地図を作りたいんです。(つまり10個)
過去の質問の内容と何が違うんでしょうか？
レスポンスフィールドで緯度経度を取得している所です。
ホットペッパーAPIで座標を取得しているロジック部分を公開すればもう少し回答が付くかと思います。
公開してますよ笑<table> <tr><td>$rest->$lng $rest->$lat</td></tr></table>
ここの部分です。
ホットペッパーAPIの戻り値はXMLまたはjsonですが、ajaxでAPIを実行しているのではないということですか？https://webservice.recruit.co.jp/hotpepper/reference.html
説明不足なため、話します。緯度経度はレスポンスフィールドではないと、地図に店舗の位置情報を載せることができないんです。
リクエストパラメータで緯度経度を設定すると、県庁の周りしか取得できません。
回答1件
0
ベストアンサー
こちらのサイトで詳しく紹介されています。
http://qiita.com/matsui-a/items/c8bc896e5e287a47359e
投稿2016/10/11 03:15
退会済みユーザー
総合スコア0
xmlで実行しています。
あと、このコードだと、店舗の位置情報を表すことが出来ません。
緯度経度をmapに渡す方法が知りたいんです。
>店舗の位置情報を表すことが出来ません。
マーカーを設定しているので、それが”店舗の位置情報を表すこと”ではないのでしょうか？
また、aba623kyさんが実装しようとしていることの100%がネットにあるわけではありません。少なくともこのサイトで”ホットペッパーAPIから取得した座標をGoogleMapに落とす"ところまでできているので、あとはカスタムすれば良いのではないでしょうか？
＞緯度経度をmapに渡す方法が知りたいんです。
ホットペッパーAPIから取得した店舗情報（座標）を地図にプロットしたいということですよね？
であれば、この部分かと思います。
// マーカーを設定
var markerObj = new google.maps.Marker({
position: lating,
map: mapObj,
icon: markerImg
});
レスポンスフィールドで得た緯度経度を渡せないんです。
パラメータだと、県庁の周りしか取得できません。
ここは関係ないのですか？
var marker = new google.maps.Marker({
position: {lat: <?= $lat ?>, lng: <?= $lng ?>},
map: mapObj
});
});
</script>
</head>
<body>
<div id="gmap" style="width: 500px; height: 370px; border: 1px solid Gray;">
</div>
</body>
</html>
＞パラメータだと、県庁の周りしか取得できません。
これは何に対するパラメータなのでしょうか？ホットペッパーAPIでしょうか？
例えば、下記のようなことをしたいということでしょうか？
「現在表示されている地図上にホットペッパーの店舗情報をプロットしたい」
＞ここは関係ないのですか？
関係なくはありません。その部分が何をしているのか分からないのであれば、
GoogleMapの勉強からしたほうが良いかと思います。
http://www.ajaxtower.jp/googlemaps/
ホットペーパーapiの方です。
モデルは、食べログの店舗情報みたいな地図が入った店舗情報が作りたいんです。
>「現在表示されている地図上にホットペッパーの店舗情報をプロットしたい」
はい、そうです。
紹介サイトでは決め打ちで座標を渡しています。それはサンプルだからです。
現在の地図上に表示されている店舗を取得したい場合は、下記のような手順になるかと思います。
①地図が表示（移動後）の時点で中心座標を取得、ズームサイズを取得
②ホットペッパーAPIに①の情報を渡す
③ホットペッパーから戻ってきた情報を地図に表示する
また、以前の質問に対する回答で、答えが出ています。
https://teratail.com/questions/50718
http://hpapi.jlamp.net/?food=&budget=&credit_card=&large_service_area=&service_area=&name_kana=%E3%81%95%E3%81%A3%E3%81%BD%E3%82%8D&keyword=
②のことができないんです。どうやって渡せばいいか分かりません。
③もどうやって地図に表示させるのか分からないんです。
１・マーカーのない状態で地図が表示できるかどうか？
２・マーカーのある状態で座標を直接数字指定で表示できるかどうか？
３・phpの設定でshort_open_tagが書いたコードに対応しているかどうか？
４・$lat,$lngにちゃんと値が入っているかどうか？
５・ソースを見て希望通りのソースになっているかどうか？
まず１から順番に５まで確認してみてください。
1と2がちょっと、、、
1はできていません。マーカーがないと地図が表示できません。
というより、レスポンスフィールドで得た緯度経度を渡す方法を教えて下さい。
問題を解決するために大事なことです。
１が出来ていないのであればはじめから出来ません
やり方はgoogleで検索したり
ブラウザのデベロッパーツールを使用すればある程度解決いたしますので
１～５までをまず確認・解決しましょう。
②GetCenter()にて中心座標を取得
https://syncer.jp/google-maps-javascript-api-matome/map/method/getcenter/
上記サイトで座標の取得方法は分かります。
その座標を元にホットペッパーAPIへ渡すパラメータを構築します。
リファレンスを見たところ、「lat」「lng」「range」あたりを設定すれば良いと思います。
http://webservice.recruit.co.jp/hotpepper/reference.html
var url ="http://webservice.recruit.co.jp/hotpepper/gourmet/v1/?key=APIキー&lat={取得した座標}&lng={取得した座標}&range=5&genre=G013&format=jsonp&callback=?";
※rangeについてはGoogleMapのズームからホットペッパーAPIのズームへの変換が必要になると思います。
※ここではとりあえず「5:3000m」とします。
③function disp(resultJSON)
既にこの関数で実装されています。引数のresultJSONは①の検索結果です。
①のロジックがきちんとできていれば、問題ありません。
リクエストパラメータでlatとlngを使うと、取得できる範囲が少ないんです。
だから、店舗の緯度経度を使いたいんです。
聞きたいんですが、レスポンスフィールドで緯度経度を取得してそれをgooglemapapiに渡すことって不可能ですか？
また、僕はxmlを使っています。
＞リクエストパラメータでlatとlngを使うと、取得できる範囲が少ないんです。
rangeパラメータの設定ができていないのではないでしょうか？
＞リクエストパラメータでlatとlngを使うと、取得できる範囲が少ないんです。
＞店舗の緯度経度を使いたいんです。
この２つは矛盾しませんか？
「リクエストパラメータでlatとlng」というのは、ホットペッパーAPIのことですよね？
「店舗の緯度経度を使いたいんです。」これもホットペッパーの情報ですよね？
＞聞きたいんですが、レスポンスフィールドで緯度経度を取得して
＞それをgooglemapapiに渡すことって不可能ですか？
これは「ホットペッパAPIで取得した店舗座標を元にプロットする」という解釈で良いでしょうか？
レスポンスフィールドで緯度経度＝ホットペッパーAPIの戻り値ですか？
であれば、可能です。
今回「リクエストパラメータでlatとlngを使うと、取得できる範囲が少ないんです。」
という情報も初めて出てきました。
①自分が何をしたいのか
②そのために何をしたのか
③②の結果どうなったのか
→「リクエストパラメータでlatとlngを使うと、取得できる範囲が少ない」
等々、まとめてから質問を投げられたほうが良いかと思います。
そうしないと、ゴールまでの道を丸投げしていると思われてしまいます。
skuromakuさん、実はリクエストパラメータでlat、lng、range=5を設定したら県庁から3000m範囲の店舗しか取得できなかったんです。
県全体の店舗が欲しいんです。
large_areaだと、県全体の店舗が取得できます。
リクエストパラメータで緯度経度を設定すると、県庁の周りしか取得できず、リクエストパラメータでlarge_areaを設定しレスポンスフィールドで緯度経度を求めると県全体の店舗を取得でき各店舗の緯度経度が表示されます。
＞これは「ホットペッパAPIで取得した店舗座標を元にプロットする」という解釈ですか？
はい、そうです。つまり、食べログの店舗の地図がモデルです。
＞range=5を設定したら県庁から3000m範囲の店舗しか取得できなかったんです。
仕様通りです。
＞large_areaだと、県全体の店舗が取得できます。
＞リクエストパラメータで緯度経度を設定すると、県庁の周りしか取得できず、リクエス＞トパラメータでlarge_areaを設定しレスポンスフィールドで緯度経度を求めると県全体＞の店舗を取得でき各店舗の緯度経度が表示されます。
これでやりたいことはできているのではないでしょうか？
＞食べログの店舗の地図がモデルです。
いよいよaba623kyさんの目的のイメージが見えなくなってきました。
最初は地図上に表示された店舗情報をプロットしたいとおっしゃっていましたが、
話が変わってきています。上でも書いた通り、しっかりとやりたいこと、やってきたことをまとめてから、再投稿することをお勧めします。
地図上に表示された店舗情報をプロットしたいんです。
レスポンスフィールドで得た緯度経度を地図にプロットしたいんです。
さっきから食べログ食べログと言っているのは、１つの地図に各店舗の緯度経度を乗せたくないからです。
①最初から県全体の店舗情報を取得したい「座標とrangeを設定すると、その範囲しか取得できないから」というのが理由ですか？
②それとも、そんなことは関係なく県全体の店舗情報を取得したいのでしょうか？
①の場合
地図を移動、ズーム変更するたびにホットペッパーAPIを利用して、現在表示されている地図の座標から店舗情報を再取得する。
②の場合
既に出来ていますよね？
http://hpapi.jlamp.net/
このサンプルと一体何が違うのでしょうか
skuromakuさん、そんな話よりレスポンスフィールドのlatとlngから地図に店舗情報を乗せたいんです。
レスポンスフィールドのlatとlngを使って地図に店舗の位置情報をのせたいんですよ。
できるんですかできないんですか？
できるんだったら、教えてください。お願いします。
①最初から県全体の店舗情報を取得したい「座標とrangeを設定すると、その範囲しか取得できないから」からlarge_areaを使って県全体の店舗情報を取得したいんです。その話はしたでしょう笑
http://hpapi.jlamp.net/
このサンプルと同じことをしたいんですが、どうやればいいか分からないんです
「できる」か「できないか」という以前に、
aba623kyさんがやりたいことが具体的に伝わっていないと思いますよ。
やりたいことがわからないのに、出来るのか出来ないのかはわかりませんよ。
それに、「できない」と言っても、出来る場合もありますし、
「できる」と思っても、出来ないこともあります。
＞①最初から県全体の店舗情報を取得したい「座標とrangeを設定すると、その範囲しか取＞得できないから」からlarge_areaを使って県全体の店舗情報を取得したいんです。その話＞はしたでしょう笑
であれば、上に答え書いてますよね？
「地図を移動、ズーム変更するたびにホットペッパーAPIを利用して、現在表示されている地図の座標から店舗情報を再取得する。」
そして、県全体の情報を取得した場合に、プロットする方法も書いてますよね？
http://qiita.com/matsui-a/items/c8bc896e5e287a47359e
「わたしは何もしない。望んでいる答えのコードを書け！」
というのであれば、それは仕事の依頼ですよ？
>「地図を移動、ズーム変更するたびにホットペッパーAPIを利用して、現在表示されている地図の座標から店舗情報を再取得する。」
これはどうやってやるのですか？
「dragend」イベントを使えば良いかと思います。
http://phpjavascriptroom.com/?t=ajax&p=googlemapsapiv3_event
①地図を動かす
②dragend発生
③②のイベント内でgetCenterにて中心座標を取得
④ホットペッパーAPIを利用して店舗情報を取得
⑤店舗情報の座標を元に地図にプロット
あなたの回答
tips
プレビュー
