Google Maps API v3 с Wordpress? Разные карты на разных постах, с общими стилями

Question

Я достаточно хорошо ознакомился с Google Maps PI v3, чтобы создавать нужные мне карты с настраиваемыми маркерами и информационными окнами, которые мне нужны. То, что я не могу найти информацию о том, чтобы интегрировать это в нечто вроде блога Wordpress. Я знаю, что есть плагины, но ни один из них, похоже, не является тем, что я ищу.

Вот что я хотел бы сделать: в мой заголовочный файл включен основной код для карт Google, включая стили. В любом сообщении блога я использую карту, включающую определенный код геолокации, уровень масштабирования, маркер и информационное окно.

Возможно ли это? Как бы я это настроил?

Answer 1

РЕДАКТИРОВАТЬ: мой последний пример должен был быть общей идеей ... Вот рабочая реализация.

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 для создания карт

$(".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
        });
    }
});

demo: http://jsfiddle.net/djs5x/1/ json generator: http://jsfiddle.net/X5r8r/153/