带有 Wordpress 的 Google Maps API v3？不同帖子上的不同地图，有共同的风格答案

【问题标题】：Google Maps API v3 with Wordpress? Different maps on different posts, with common styles带有 Wordpress 的 Google Maps API v3？不同帖子上的不同地图，有共同的风格
【发布时间】：2011-10-20 02:45:57
【问题描述】：

我已经对 Google Maps PI v3 足够熟悉，可以制作我想要的地图，以及我需要的自定义标记和信息窗口。我似乎无法找到有关将其集成到诸如 Wordpress 博客之类的信息的信息。我知道有插件，但它们似乎都不是我想要的。

这是我想做的：在我的头文件中，包含 Google 地图的基本代码，包括样式。在我使用地图的任何博客文章中，都包含有关地理位置、缩放级别、标记和信息窗口的特定代码。

这可能吗？我该如何设置？

【问题讨论】：

标签： php javascript wordpress google-maps-api-3

【解决方案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
        });
    }
});

演示：http://jsfiddle.net/djs5x/1/ json 生成器：http://jsfiddle.net/X5r8r/153/

【讨论】：

谢谢，但是当我尝试这个时没有任何反应。地图只是不生成。不知道我可能做错了什么，我对 Jquery 不太熟悉。
太棒了，非常感谢！现在可以了。对于真正知道自己在做什么的人来说，您的第一个答案可能已经足够好了，但感谢您的澄清。也感谢您的及时回复。