0

tvsafety.org/map に似ていますが、Wordpress とカスタム フィールド/投稿タイプを利用して、Google マップにプロット ポイントを設定しようとしています。基本的に、カスタム投稿タイプを作成し、投稿内のカスタム フィールドとして緯度/経度を設定します。

私は Worpdress とフロントエンド開発に精通しています... しかし、これには JSON またはカスタム XML が含まれていると思いますが、これは私の頭を少し超えています。

誰かがいくつかの手順を提供したり、正しい方向を示したりできますか? 理想的には、プロット ポイントに (ロールオーバー時に) タイトル、注目の画像、パーマリンクを含めたいと思っています。

4

1 に答える 1

0

先週これを行いました：

最初に 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 は、マップを中心にしたい場所です。2 番目の緯度経度は、マーカーを表示する場所です。

于 2013-07-18T05:55:32.830 に答える