最近、googlemapapiを使い始め、応用としてgoogle map apiのマッシュアップを考えています。
※下記のhtmlは初歩的なものです。
例として、hotpepperapiとgooglemapapiのマッシュアップを考えています。その場合のhotpepperapiのlatとlngを使えば、マッシュアップができると思います。しかし、理屈ではわかりますがマッシュアップについて載ったサイトがないのでどうやったらマッシュアップができるか困っています。
わからない点
・phpファイルにjavascriptのコードを使うことは可能ですか?
・また、ホットペーパーapiにgoogle map apiを使用するには何をつけたせば表示されるようになるのですか?
php
1<?php 2$key='私のキー'; 3$count='10'; 4$large_area='〇〇'; 5$start ='1'; 6$lat='35.60472'; 7$lng='140.12333'; 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);
html
1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2<html> 3<head> 4 <title>Google Maps V3</title> 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 7 <script type="text/javascript"> 8 google.maps.event.addDomListener(window, 'load', function() 9 { 10 var lng =35.60472; 11 var lat =140.12333; 12 13 var latlng = new google.maps.LatLng(lat, lng); 14 var mapOptions = { 15 zoom: 12, 16 center: latlng, 17 mapTypeId: google.maps.MapTypeId.ROADMAP, 18 scaleControl: true 19 }; 20 var mapObj = new google.maps.Map(document.getElementById('gmap'), mapOptions); 21 22 var marker = new google.maps.Marker({ 23 position: latlng, 24 map: mapObj 25 }); 26 }); 27 </script> 28</head> 29<body> 30 <div id="gmap" style="width: 500px; height: 370px; border: 1px solid Gray;"> 31 </div> 32</body> 33</html>

回答2件
あなたの回答
tips
プレビュー