google map apiのマッシュアップ2

前回の続きです。
googlemapapiとの他のapiのマッシュアップ方法ですが、latとlngを使えば、googlemapapiと連携できることはわかりましたが、どうやってhotpepperapiからgooglemapapiにlatとlngの値を渡せばいいかいまいちわかりません。
あるユーザーが教えてくれたコードがヒントになることはわかりますが、

php
1var marker = new google.maps.Marker({
2                        position: {
3                            lat: parseFloat(shops[i].getAttribute('data-lat'))
4                            , lng: parseFloat(shops[i].getAttribute('data-lng'))
5                        },

hot pepperでどういうコードを書けば値渡しになりますか？
thにlatとlngを書けばいいとしてきがありましたができないんです。

php
1<?php 
2$key='私のキー';
3$count='10';
4$large_area='〇〇';
5$start ='1';
6$lat='〇〇';
7$lng='〇〇';
8$format='xml';
9$url='http://webservice.recruit.co.jp/hotpepper/gourmet/v1/?key='.$key.'&count='.$count.'&large_area='.$large_area.'&start='.$start.'&lat='.$lat.'&lng='.$lng.'&format='.$format;
10$xml=simplexml_load_file($url);
11
12・・・
13・・・
14・・・
15echo '<table border="1">';
16  echo '<tr>';
17   echo '<th>';
18   echo 'アクセス';
19   echo '</th>';
20   echo '<td>';
21   echo $r->access->station;
22   echo '</td>';
23   echo '</tr>';
24    echo '<tr>';
25   echo  '<th>';
26   echo '電話';
27   echo '</th>';
28    echo '<td>';
29    echo $r->tel;
30    echo '</td>';
31  echo '</tr>';   
32     echo  '</table>';

<!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?key=私のキー&sensor=false"></script> 
    <script type="text/javascript"> 
        google.maps.event.addDomListener(window, 'load', function() 
        { 
            var lng =〇〇; 
            var lat =〇〇; 

            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); 

            var marker = new google.maps.Marker({ 
                position: latlng, 
                map: mapObj 
            }); 
        }); 
    </script> 
</head> 
<body> 
    <div id="gmap" style="width: 500px; height: 370px; border: 1px solid Gray;"> 
    </div> 
</body> 
</html>

date

2016/09/15 05:23

ユーザ名を隠す必要はない、前回があるなら前回のリンクを入れてくれ

aba623ky

2016/09/15 05:24

https://teratail.com/questions/47984 これです。

Lhankor_Mhy

2016/09/15 11:50

『thにlatとlngを書けばいいとしてきがありましたができないんです』とありますが、具体的にはどのような状況ですか？　「こうなると思ってこのようなコードを実行したところこのような結果になった」などと具体的な記述をしないと回答は難しいかと思います。

aba623ky

2016/09/16 14:10

すみません、連絡遅れました。パソコンがおかしいので、コードの提示が遅くなります。本当にすみません。

退会済みユーザー

2016/09/16 16:22

「thにlatとlngを書けばいいとしてきがありました」そんな指摘してません。

aba623ky

2016/09/17 10:11

すみません、連絡が遅くなりました。二つのapiのlatとlngの連結がよく分かりません。 mapの基本コードは大体分かるようになりました。

aba623ky

2016/09/17 10:13

色々と調べる限り、マッシュアップを実行するにはlatとlngの連携以外は考えられなかったので、連携を考えました。ただ、二つのapiのlatとlngを書いても、どうそこから連携させればいいかわからないのです。

aba623ky

2016/09/17 10:14

みなさん、連絡遅くなった上にこういう返信で申し訳ございません。

Lhankor_Mhy

2016/09/17 12:30

つまり「何が分からないのか分からない」という状況ですね。ホットペッパーAPIを叩くのはPHPで、GoogleマップAPIを叩くのはjavascriptです。なので、PHPでlatlngをjavascriptの一部として出力すればいいんですよ。そうすればブラウザで表示された時にjavascriptが実行されます。

Lhankor_Mhy

2016/09/17 12:33

まずは、PHPで変数の内容を「javascriptアラートで表示させる」コードあたりから書いてみて理解を深めてみてはいかがですか。一足飛びに難しいことをやろうとすると混乱しますよ。

aba623ky

2016/09/17 13:25

分かりました。ですが、質問は閉鎖しないで、勉強してからまた質問します。