異なるJQuery UIタブで複数のGoogleマップv3のトリガーリサイズ

Question

ページが読み込まれたときに緯度と経度をGoogleマップに渡す方法を理解しようとしています。私は取得するには、次のPHPスクリプトを使用してページの本文に

var map1; 
var map2; 

$(document).ready(function(){ 

google.maps.event.addDomListener(window, 'load', initialize); 

function initialize() { 
    var myOptions = { 
     zoom: 14, 
     center: new google.maps.LatLng(43.7620537, -79.3516683), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
    map1 = new google.maps.Map(document.getElementById("map-canvas-1"),myOptions); 

    var myOptions2 = { 
     zoom: 14, 
     center: new google.maps.LatLng(43.6918950,-79.5310706), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
    map2 = new google.maps.Map(document.getElementById("map-canvas-2"),myOptions2); 
} 

$("#maptabs").tabs({initialIndex:0,collapsible:true,select: function(){}}); 

：私はハードコーディングされた緯度と経度に基づいてマップを生成するために働く私のページのヘッダーに次のコードを使用しています正しい緯度と私はマッピングしたい経度：

<?php 
    $google_maps_key='ABQIAAAAO-NJVsUOX31LQYJY1LUG8BSOYIDhzYrztjureJjDlAP7PmMi1xQsm9hQ6Z-LRdLFkCtIPr0FQBZxeQ'; 
    $adr = urlencode(DLookup("Property Address", "tblproperties", "`Roll#`=".$id["pntysc"]["pn"]).", ".DLookup("municipalityname", "tblmunicipalities", "municipalitiescounty=".$county)); 
    $url = "http://maps.google.com/maps/geo?q=".$adr."&output=xml&key=$google_maps_key"; 
    $xml = simplexml_load_file($url); 
    $status = $xml->Response->Status->code; 
    if ($status='200') { //address geocoded correct, show results 
    foreach ($xml->Response->Placemark as $node) { // loop through the responses 
    $address = $node->address; 
    $quality = $node->AddressDetails['Accuracy']; 
    $coordinates = $node->Point->coordinates; 
    echo ("Quality: $quality. $address. $coordinates<br/>"); 
    } 
    } else { // address couldn't be geocoded show error message 
    echo ("The address $adr could not be geocoded<br/>"); 
    } 
    ?> 

ここでは私の質問です：どのように私は、私は、コードを持っている場合、ページの本文に生成される$座標変数を使用してマップを移入することができますその特定の値を必要とするページのヘッダー？これらの値を単純にハードコーディングするのではなく、可変緯度と経度を使用してマップを作成するという点でベストプラクティスは何ですか？

ありがとうございました。

Answer 1

ヘッダーを表示する前に表示する座標を定義することを検討する必要があります。つまり、何かが表示される前にGoogleマップで使用するすべてのものを定義します。すべてのデータを配列に配置します。 $座標、$グループなどXMLファイルを構築する必要はありません。マップビューで使用されるJavascriptを構築するためにPHPの組み合わせを使用することができます。 WordPressの投稿スルー提供された情報に基づいて、ヘッダーマップを表示するページ内IFRAMEがあります

http://www.dogfriendlyorlando.com/

の位置は：ワードプレスの例を訪問することができます。

I can't seem to paste in the entire code here. 

jjwdesignで私にメール - Gmailのスルーとあなたがそれを見ることができますので、私はあなたのPHPコードをお送りします。

他のより複雑なCRMの例（SugarCRMの - Googleマッププロジェクト）がありますで：ありがとうジェフは乾杯、ジェフ・ウォルターズ