1

連絡先ページにgooglemapsjsapiを使用してgooglemapを埋め込みました。

私が今やりたいのは、人々が私のマーカーをクリックすると、maps.google.comにアクセスして道順を取得し、詳細情報を見つけることです。

    google.maps.event.addListener(marker, 'click', function () {
        window.open('http://goo.gl/muSZ5','_blank');
    });

つまり、私のコードです。URLは、maps.google.comへの短いURLであり、パラメータが追加されています。

スクリプトは機能しますが、ブラウザは開いたタブに自動的に移動しません（javascriptトリガーによって呼び出されるため）

誰かが私がこれを解決する方法を知っていますか？

したがって、マーカーをクリックすると、新しいウィンドウ（タブ）が開き、自動的にそのウィンドウ（タブ）に移動します

これは私の完全なコードです：

  (function ($) {
    Drupal.behaviors.location_block = {
        attach: function (context, settings) {
            console.log('test');
            var myOptions = {
                center: new google.maps.LatLng(50.87760,4.41923),
                zoom: 13,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                mapTypeControl: false
            };

            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

            var marker = new google.maps.Marker({
                position: new google.maps.LatLng(50.87760,4.41923),
                map: map,
                title: "Ilias",
                html: ""
            });

            google.maps.event.addListener(marker, 'click', function () {
                window.open('http://goo.gl/maps/L3rK','_blank');
            });
        }
    };
})(jQuery);

@EDIT @IMPORTANT問題はグーグルクロームだけにあり、私のウェブサイトだけにあることがわかりました...

4

1 に答える 1

0

私のマシンでは正常に動作しています。次のコードを確認してください。

HTMLコード：

<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="map-canvas"></div>​

JSコード：

function initialize() {

    var myLatLng = new google.maps.LatLng( 50, 50 ),
        myOptions = {
            zoom: 4,
            center: myLatLng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
            },
        map = new google.maps.Map( document.getElementById( 'map-canvas' ), myOptions ),
        marker = new google.maps.Marker( {position: myLatLng, map: map} );
    google.maps.event.addListener(marker, 'click', function () {
       window.open('http://goo.gl/muSZ5','_blank');
    });
    marker.setMap( map );

}

initialize();

CSS コード：

#map-canvas
{
height: 400px;
width: 500px;
}​

オンラインデモを見る

于 2012-06-28T06:01:08.413 に答える