0

Google Earth で、ポリゴンを使用して複数のゾーンを定義する KML ファイルを作成しました。私の計画は、ワードプレス用の「包括的なGoogleマッププラグイン」とともに、このファイルをワードプレスサイトで使用することでした. ただし、開発者によると、機能している間、中心やズームを設定できないことがわかりました。ズームを 10 にして、特定の座標を中心にしたい。私はグーグルで調べて、いくつかのスクリプトを考え出し続けていますが、それらをどうするかさえ少し混乱しています。これは、KML への私の最初の進出です。Google Earth によって生成された KML ファイルに追加できるものはありますか? どんな助けでも大歓迎です。

4

2 に答える 2

0

コメントされているように、WP プラグインを使用するときにできることは何もありません。

ただし、プラグインなしでマップを作成する場合は、マップのオプションcenterzoomを使用して、ズームと中心を設定します。

マップが KML レイヤーのコンテンツに移動しないようにするにはpreserveViewport、KML レイヤーのオプションを true に設定します。

例:

map = new google.maps.Map(document.getElementById('map'), {
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  center: new google.maps.LatLng(52.519,13.406),
  zoom: 12
});
new google.maps.KmlLayer('http://example.com/example.xml',
                         {preserveViewport: true, map:map});
于 2013-01-09T03:15:43.370 に答える
0

代わりにWP Flexible Mapを試してください。KML マップでズームを指定できます。また、マップ オブジェクトにアクセスできるため、ロード後に中心を設定できます。

KML ファイルを読み込むショートコードの例。注意: FAQに従って、JavaScript グローバル変数名が後で派生する ID を設定しました。[編集: 私はばかだ、間違った例をコピペした! 修繕]

[flexiblemap id="exmap" zoom="14" width="500" height="400"
    src="http://snippets.webaware.com.au/maps/example-toronto.kml"]

次に、このコードをプラグイン (または必要に応じてテーマの functions.php) に追加します。

add_filter('flexmap_shortcode_html', 'filterFlxmapShortcodeHtml', 10, 2);

/**
* append our script to the end of the map shortcode's HTML
* @param string $html
* @param array $attrs the shortcode's array of attributes/parameters
* @return string
*/
function filterFlxmapShortcodeHtml($html, $attrs) {
    $html .= <<<HTML
<script>
jQuery(window).load(function() {
    flxmap_exmap.setCenter(new google.maps.LatLng("12.345", "32.109"));
});
</script>

HTML;

    return $html;
}
于 2013-01-09T03:33:39.993 に答える