2

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

这是代码：

<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 打开它..

这是一个链接：链接

4

1 回答 1

4

我认为问题只是您为标记提供的坐标超出了地图边界。如果你缩小一点，你可以看到它。

这是一个使用用于初始化地图的坐标作为标记坐标的示例：http: //jsfiddle.net/Dn7Rf/1/

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

于 2012-08-18T11:20:47.310 回答