xml - 使用 Wordpress 自定义字段的 Google Maps 绘图点

Question

我希望用绘图点填充谷歌地图，类似于 tvsafety.org/map，但使用 Wordpress 和自定义字段/帖子类型。本质上，我将创建一个自定义帖子类型并将 lat/lng 作为帖子中的自定义字段。

我对 Worpdress 和前端开发人员非常熟悉……但我假设这将涉及 JSON 或自定义 XML，这让我有点头疼。

任何人都可以提供一些步骤或指出正确的方向吗？理想情况下，我希望情节点包含（在翻转时）标题、特色图片和永久链接，这是我能够做到的……而不是 JSON/XML 部分：/

Answer 1

我上周才这样做：

首先是Javascript：

   <style>
      html, body, #map-canvas {
        margin: 0;
        padding: 0;
        height: 100%;
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>
var map;
function initialize() {
  var mapOptions = {
    zoom: 17,
   center: new google.maps.LatLng(-37.792363,144.982302),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
     /*Company Marker*/
    var companyPos = new google.maps.LatLng(-37.792363,144.982302);
    var companyMarker = new google.maps.Marker({
    position: companyPos,
    map: map,
    title:"Company Location"
    });

}

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

    </script>

然后在 HTML 中：

<div class="googlemap" id="map-canvas"></div>

编辑：第一个 lat,lng 是您希望地图居中的位置。第二个 lat,lng 是您希望标记出现的位置。