asp.net - 谷歌地图标记根本不显示

Question

我使用相同的谷歌地图代码开发了许多网站，但这次我的标记没有显示，我不明白为什么。

这是代码:

<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;
}

图片在服务器上正确，我可以通过浏览器网址打开它..

这是一个链接:LINK

Answer 1

我认为问题很简单，您为标记提供的坐标超出了 map 边界。如果缩小一点就可以看到它。

下面是一个使用用于初始化 map 的坐标作为标记坐标的示例:http://jsfiddle.net/Dn7Rf/1/

或者更确切地说，使 map 以标记为中心:http://jsfiddle.net/Dn7Rf/2/