Google Maps API v3 with Wordpress？共通のスタイルを使って異なる投稿の異なる地図

Question

GoogleマップのPI v3に慣れてきたので、必要なカスタムマーカーと情報ウィンドウを使って、必要なマップを作成できます。私が情報を見つけることができないのは、これをWordpressブログのようなものに統合することです。私はプラグインがあることを知っているが、それらのどれも私が探しているものではないようだ。

私のやりたいことは次のとおりです。ヘッダーファイルには、スタイルを含むGoogleマップの基本コードが含まれています。地図を使用するブログ投稿では、ジオロケーション、ズームレベル、マーカー、情報ウィンドウに特定のコードが含まれています。

これは可能ですか？どのように私はこれを設定するのですか？

Answer 1

EDIT：私の最後の例は、一般的な考えであるはずでした...ここでは動作する実装です。 http://jsfiddle.net/djs5x/1/ JSONジェネレータ：マップ

$(".gmap").each(function() { 
    var data = $.parseJSON($(this).html()); 
    $(this).html(""); 
    var myOptions = { 
     zoom: data.center.zoom, 
     center: new google.maps.LatLng(data.center.lat, data.center.lon), 
     mapTypeId: data.type 
    }; 
    var map = new google.maps.Map(this, myOptions); 

    for (var i = 0; i < data.markers.length; i++) { 
     var marker = data.markers[i]; 
     new google.maps.Marker({ 
      position: new google.maps.LatLng(marker.lat, marker.lon), 
      title: marker.info, 
      map: map 
     }); 
    } 
}); 

デモ作成する

HTML

map 1 
<div class="gmap">{"center":{"lat":46.87916,"lon":-3.32910,"zoom":6},"type":"terrain","markers":[{"lat":46.87916,"lon": -3.32910,"info":"some info here"}]}</div> 
map 2 
<div class="gmap">{"center":{"lat":46.87916,"lon":-3.32910,"zoom":6},"type":"terrain","markers":[{"lat":46.87916,"lon": -3.32910,"info":"some info here"}]}</div> 

jqueryのhttp://jsfiddle.net/X5r8r/153/