1

Google マップは私にとってまったく新しいものです。

マーカーをクリックするとポップアップする情報ウィンドウを使用して、カスタム マップ幅のカスタム ピンとシャドウを作成しました。

これは、マーカーが消える 2 ～ 3 日前までは正常に機能していましたが、影はまだ正しい場所に表示されていますか?

マップ マーカーと影はマップと同じフォルダーにあるため、両方が表示されている必要があります。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>  



function initialize() {
                var latlng = new google.maps.LatLng(51.51921,-0.07828);
                var settings = {
                    zoom: 13,
                    center: latlng,
                    mapTypeControl: true,
                    mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
                    navigationControl: true,
                    navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
                    mapTypeId: google.maps.MapTypeId.TERRAIN};
                var map = new google.maps.Map(document.getElementById("map_canvas"), settings);




var westendImage = new google.maps.MarkerImage('images/WC1.png',
     new google.maps.Size(50, 55),
     new google.maps.Point(0,0),
     new google.maps.Point(23, 75));

                var westendShadow = new google.maps.MarkerImage('images/shadow.png',
                    new google.maps.Size(70,50),
                    new google.maps.Point(0,0),
                    new google.maps.Point(60, 48)
                );

                var westendPos = new google.maps.LatLng(51.52012, -0.13081);

                var westend = new google.maps.Marker({
                    position: westendPos,
                    map: map,
                    icon: westendImage,
                    shadow: westendShadow,
                    title:"Westend Lettings Office",
                    zIndex: 2
                });

            google.maps.event.addListener(westend, 'click', function() {
                infowindow1.open(map,westend);
            });

次に、次のようにマップを表示します。

<body onload="initialize()">
<div id="map_canvas" style="width:855px; height:390px;"></div>
</body>

わかりましたので、私は自分の質問に答えました.GoogleはマップAPIを更新しましたが、もちろんいくつかのバグがあります. そこで、マップ アイコンの問題を修正するために、以前のバージョン 3.9 に戻しました。

API への呼び出しを次のように変更します。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&v=3.9"></script>

ブラボーミー！:)

更新されたマップは、https://developers.google.com/maps/documentation/javascript/にあります。

4

0 に答える 0