Question

我正在查看一些基本的谷歌地图，并在谷歌的一个介绍页面上找到以下代码。

我用它作为我的POC并从概念中创建了一个.net项目。我现在已经从数据库中填充了标记和infoWindows，这非常酷。

我的问题是我想以一种流畅的方式添加InfoWindows（不仅是地图，还保存到数据库）。我没有在地图窗口之外使用.net控件，而是希望能够直接向地图添加信息。如果用户在地图中单击，我希望能够在窗口（文本框和按钮）中添加带有asp控件的标记和InfoWindow。

任何人都知道怎么做？

<html>
    <head>
        <title>
            title here
        </title>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script type="text/javascript">
            function mapParamsInitialize() 
            {
                var latlng = new google.maps.LatLng(-34.397, 150.644);
                var myOptions = {
                    zoom: 8,
                    center: latlng,
                    mapTypeId: google.maps.MapTypeId.SATELLITE
                };

                var map = new google.maps.Map(document.getElementById("map"), myOptions);
                var contentString = '<div id="content"> Here is some text that will display in an infoWindow, or \'bubble\' </div>'; 
                var infowindow = new google.maps.InfoWindow({ content: contentString }); 
                var marker = new google.maps.Marker({ position: latlng, map: map, title: "Custom Window here" }); 
                google.maps.event.addListener(marker, 'click', function () { infowindow.open(map, marker); });
            }
        </script>
    </head>

    <body onload="mapParamsInitialize()">
        <div id="map" style="width:100%; height:100%"></div>
    </body>

Answer 1

创建一个div标签并动态设置Z-index，或者如果可能的话尝试使用一些可以从客户端调用的Asp.net弹出控件。我有类似的要求，我能够使用Devexpress AspxPopup控件进行管理。然后弹出控件在其中有一个Iframe来从数据库加载信息。

任何人都知道如何将.net控件放在谷歌地图InfoWindow中？

1 个答案: