C# 使用Javascript在Google地图中添加InfoWindow和多个标记&；ASP.NET_C#_Javascript_Asp.net_Google Maps_Google Maps Api 3

C# 使用Javascript在Google地图中添加InfoWindow和多个标记&；ASP.NET

c# javascript asp.net google-maps google-maps-api-3

C# 使用Javascript在Google地图中添加InfoWindow和多个标记&；ASP.NET,c#,javascript,asp.net,google-maps,google-maps-api-3,C#,Javascript,Asp.net,Google Maps,Google Maps Api 3,请帮助我创建一个显示多个标记和信息窗口的网页。。尝试了一切，但仍然没有得到预期的结果以下是我的代码： // <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Multiple_Marker.cs" Inherits="WebApplication7.Multiple_Marker" %> !DOCTYPE html> html lang="en"> head> meta charset="utf-

请帮助我创建一个显示多个标记和信息窗口的网页。。尝试了一切，但仍然没有得到预期的结果

以下是我的代码：

// <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Multiple_Marker.cs" Inherits="WebApplication7.Multiple_Marker" %>

!DOCTYPE html>
html lang="en">
head>
meta charset="utf-8">
title>Multiple Marker</title>

    <link rel="shortcut icon" href="images/TTS.png" />
    <link href="styles/imagesliderTTSstyle.css" rel="stylesheet" type="text/css" />
    <script src="scripts/imageslider.js" type="text/javascript"></script>
    <link href="styles/TTStyle.css" type="text/css" rel="stylesheet"/>

     <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY&sensor=false">
    </script>
    <script type="text/javascript">

        var map;
        function initialize() {
           //var markerIcon = "images/marker.gif";
           var myLatlng = new google.maps.LatLng(<%=Session["lat"]%>, <%=Session["long"]%>);
        var mapOptions = {
            zoom: 11,
            center: myLatlng
        }
        map = new google.maps.Map(document.getElementById("mapdiv"), mapOptions);

        // To add the marker to the map, use the 'map' property
            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: "Marker" //Even this title isn't showing up
            });
        }
        google.maps.event.addDomListener(window, 'load', initialize);    


    </script>

    </head>
<body>
    <div class="mapheader">     
        <div class = "mapheaderimg">
            <img src="images/logo.png" alt="Logo" height="80px"/>
        </div>
        <li class="note">
            <div>
                Welcome, <asp:Label ID="lblWelcomeUser" runat="server"/>
            </div>
        </li>
        <li class="logout">
            <div>
                <a href="index.aspx" style="color: #FFFFFF; text-decoration: none">Logout</a>
            </div>
        </li>
    </div>
    <div class="mapcontainer">
        <form id="form2" runat="server" >
        <asp:ScriptManager ID="timerScriptManager" runat="server"></asp:ScriptManager>
        <asp:Timer ID="timerControl" runat="server" Interval="120000" OnTick="timerControl_Tick"></asp:Timer>
            <div class="vehicledetails">
                    <li class="details">DETAILS:</li>
                    <li class="details">
                    <asp:Label ID="lblNumberDetails" runat="server" Text="Vehicle Number: " Font-Size="Small" Font-Bold="true"/>
                        <asp:DropDownList ID="ddlList" runat="server" AutoPostBack="true" 
                            Font-Size="Small" 
                            OnSelectedIndexChanged="ddlList_SelectedIndexChanged" 
                            Height="18px" />
                    </li>

                    <li class="details">
                    <asp:Label ID="lblSparkDetails" runat="server" Text="Spark: " Font-Size="Small" Font-Bold="true"/>
                    <asp:Label ID="lblSparkDetails" runat="server" Font-Size="Small" Font-Bold="false"/>
                    </li>

                    <li class="details">
                    <asp:Label ID="lblLatestUpdateDetails" runat="server" Text="Latest Update: " Font-Bold="true" Font-Size="Small" />
                    <asp:Label ID="lblTimeStampDetail" runat="server" Font-Size="Small" Font-Bold="false"/>
                    </li>

                    <li class="details">
                    <asp:Label ID="lblHistoryDetails" runat="server" Text="History: " Font-Bold="true" Font-Size="Small" />
                    <asp:DropDownList ID="ddlHistoryList" runat="server" AutoPostBack="true" 
                            OnSelectedIndexChanged="ddlList_SelectedIndexChanged" />
                    </li>
            </div>
        </form>
        <br />
            <div id="mapdiv" style = "height:31em; width: 100%"></div>
     </div>

    <div class="clear"></div><br />
    <div class="footer">
        <p>Copyright.</p>
    </div>  
</body>
</html>

//
!DOCTYPE html>
html lang=“en”>
头>
meta charset=“utf-8”>
标题>多标记
var映射；
函数初始化（）{
//var markerIcon=“images/marker.gif”；
var mylatng=newgoogle.maps.LatLng（，）；
变量映射选项={
缩放：11，
中心：myLatlng
}
map=new google.maps.map（document.getElementById（“mapdiv”）、mapOptions）；
//要将标记添加到地图，请使用“地图”属性
var marker=new google.maps.marker({
职位：myLatlng，
地图：地图，
标题：“标记器”//即使此标题也没有显示
});
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

欢迎

详细信息：












版权所有

我想我遗漏了什么或者我的代码不正确？即使标记也不显示标题。是我的代码有问题，还是我必须添加更多的函数或对象来纠正它

拜托，伙计们。。。非常感谢任何能帮我解决这个问题的人。提前谢谢

-Sohail

您实际上是在指定

key=API\u key

还是在其中有自己的密钥？这一行创建的生成javascript是什么样子的

var mylatng=newgoogle.maps.LatLng（，）@duncan感谢您的关注！是的，我在那里有我自己的密钥，我不想显示我的API_密钥，因此提到它为API_密钥。我在“myLatLng”中调用我保存的数据，我在其中有一些lat long。。所以它会直接把你带到拉特朗市的各个地点。。