2

同じ Google マップ コードを使用して多くの Web サイトを開発しましたが、今回はマーカーが表示されず、理由がわかりません。

これはコードです：

<link href="<%= Page.ResolveUrl("~/Assets/Styles/map.css") %>" rel="stylesheet" type="text/css" />

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

        var latitude = 45.483995;
        var longitude = 9.181769;

        var latlng = new google.maps.LatLng(latitude, longitude);
        var myOptions = {
            zoom: 15,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

        var image = '<%= Page.ResolveUrl("~/Assets/Images/Contacts/Baloon.png") %>';
        var myLatLng = new google.maps.LatLng(45.4530, 9.2115);
        var beachMarker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            icon: image
        });
    }
</script>

これは map.css ファイルです。

#map_canvas 
{
 height: 300px;
 width: 400px;
 text-align: center;
}

画像はサーバー上に正しくあり、ブラウザの URL から開くことができます。

ここにリンクがあります：LINK

4

1 に答える 1

4

問題は、マーカーに指定した座標がマップの境界から外れていることだけだと思います。少しズームアウトすると見えます。

マップの初期化に使用される座標をマーカーの座標として使用する例を次に示します: http://jsfiddle.net/Dn7Rf/1/

または、マーカーを中心にマップを配置します: http://jsfiddle.net/Dn7Rf/2/

于 2012-08-18T11:20:47.310 に答える