0

Google Maps Api を実装し、関数を介して Wordpress データベースからマーカーをロードすることができました。しかし、カスタム アイコンをマーカー ピンに追加する方法がわかりません。問題は、Wordpress がテンプレート ファイルに直接アクセスできないことです。

私の画像はthemes/themename/img/bgiにロードされています

スクリプトは次のようになります。

var myLatlng = new google.maps.LatLng(data[i].latitude,data[i].longitude);
                    marker = new google.maps.Marker({
                            position: myLatlng,
                            //icon: data[i].image,
                            map: map,
                            title: data[i].title
                    });
4

1 に答える 1

2

私は自分のソリューションに次のものを使用しました-テーマディレクトリ内のファイルへの絶対パス:

<?php bloginfo('template_directory'); ?>/img/marker.png
<?php bloginfo('template_directory'); ?>/img/marker-shadow.png

だからあなたは持っています:

var image = new google.maps.MarkerImage('<?php bloginfo('template_directory'); ?>/img/marker.png',
    new google.maps.Size(60,78),
    new google.maps.Point(0,0),
    new google.maps.Point(30,78)
);
var shadow = new google.maps.MarkerImage('<?php bloginfo('template_directory'); ?>/img/marker-shadow.png',
    new google.maps.Size(105,78),
    new google.maps.Point(0,0),
    new google.maps.Point(30,78)
);
于 2012-10-26T15:59:25.673 に答える