4

我正在尝试在我的 ASP.net 网页表单页面中显示 Google 地图。

javascript如下：

<script type="text/javascript"
    src="https://maps.googleapis.com/maps/api/js?key=xxxxx&sensor=false">
</script>
<script type="text/javascript">
    var map;
    function initialize() {

        var mapOptions = {
            zoom: 8,
            center: new google.maps.LatLng(-34.397, 150.644),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var mapcv = document.getElementById('map-canvas');            

        map = new google.maps.Map(mapcv,
            mapOptions);

    }

    google.maps.event.addDomListener(window, 'load', initialize);

</script>

我使用了以下 HTML，如果我将 Div 标签放在表单标签中，它就不起作用。

<form id="form1" runat="server">
    <div id="map-canvas" ></div>
</form>

但是，如果我将 Div 标签移到下面的表单标签之外，它就可以工作

<div id="map-canvas" ></div>
<form id="form1" runat="server">        
    </form>

我想将 Div 标签放在表单中。你能帮我怎么做吗？谢谢。

4

2 回答 2

4

只需设置 div 的宽度和高度即可查看！您的地图在那里但不可见:)

<div id="map_canvas" style="width:600px;height:400px"></div>

您还可以在标题中的 css 中设置它们：

 <style>
    html, body, #form1, #map_canvas
    {
        margin: 0;
        padding: 0;
        height: 100%;
    }
</style>
于 2013-07-11T04:09:17.023 回答
0

如果它在表单标签内，应该没有任何问题。我在这里发布了一个示例.. 你能看看http://deepumi.wordpress.com/2010/03/28/google-map-3-with-multiple-locations-in-asp-net-c/

于 2013-06-20T09:10:03.163 回答