前回の続きです。
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>
あなたの回答
tips
プレビュー