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

googlemapapiで地図を表示することはできますが、どうやったら他のapiとマッシュアップできるのかわかりません。わからない点が幾つかあります。
①例えば、千葉県全体の地図をgooglemapapiで取得するには、緯度経度を県のどこかを中心において取得するのですか？
②ホットペーパーapiとのマッシュアップを考えていますが、ホットペーパーのapiにも緯度経度のパラメータがあります。このホットペーパーの緯度経度をgooglemapapiの緯度経度と合わせるのですか？
③マッシュアップにしてやりたいのは、ホットペーパーで取得した店の個々の情報にgooglemapapiで取得した地図を追加したいです。
④以下がコードです。
※ホットペーパーのapiのパラメータのlatとlngはどうすればいいのかわからずこういう風に書いてしまいました。

ホットペーパーのapi

php
1<?php
2$key='私のkey';
3$count='10';
4$large_area='〇〇';
5$start =1;
6$lat=$filter["lat"];
7$lng=$filter["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・・・
11・・・
12・・・

googlemapapiのコード

javascript
1<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 
2  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml">
4  <head>
5    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
6    <meta name="robots" content="noindex,nofollow,noarchive" />
7    <title>Google Maps サンプル</title>
8
9    <script type="text/javascript"
10      src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBABfuNEDWwaSkA8E09IEG1wW_dhzIXB6U&sensor=false">
11    </script>
12
13    <script type="text/javascript">
14    function initialize() {
15      var latlng = new google.maps.LatLng(〇〇,〇〇);
16      var opts = {
17        zoom: 15,
18        center: latlng,
19        mapTypeId: google.maps.MapTypeId.ROADMAP
20      };
21      var map = new google.maps.Map(document.getElementById("map_canvas"), opts);
22    }
23    </script>
24
25  </head>
26  <body onload="initialize()">
27    <p>自宅の地図です。</p>
28
29    <div id="map_canvas" style="width:500px; height:300px"></div>
30
31  </body>
32</html>
33
34