Question

抱歉，我是asp.net的新手，我想创建一个Web应用程序，我需要在其中显示带有多个标记的谷歌地图。我在互联网上搜索并找到了一些来源，但所有来源都相同。当我使用这些来源时，我发现一些语法错误，我无法解决它们。请帮助任何人。这是我使用的代码＆＃39;带有母版页的网页表单。

<%@ Page Title="About" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="About.aspx.cs" Inherits="AlHadi_Assosiates.About" %>

    var markers = [
    <asp:Repeater ID="rptMarkers" runat="server">
    <ItemTemplate>
             {
                 "title": '<%# Eval("title") %>',
             "lat": '<%# Eval("lat") %>',
             "lng": '<%# Eval("lng") %>',
             "description": '<%# Eval("description") %>'
         }
</ItemTemplate>
<SeparatorTemplate>
    ,
</SeparatorTemplate>
</asp:Repeater>
];
</script>
<script type="text/javascript">

    window.onload = function () {
        var mapOptions = {
            center: new google.maps.LatLng(11.44, 78.79),
            zoom: 5,
            mapTypeId: google.maps.MapTypeId.ROADMAP
            //  marker:true
        };
        var infoWindow = new google.maps.InfoWindow();
        var map = new google.maps.Map(document.getElementById("dvCanvas"), mapOptions);
        for (i = 0; i < markers.length; i++) {
            var data = markers[i]
            var myLatlng = new google.maps.LatLng(data.lat, data.lng);
            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: data.title
            });
            (function (marker, data) {
                google.maps.event.addListener(marker, "click", function (e) {
                    infoWindow.setContent(data.description);
                    infoWindow.open(map, marker);
                });
            })(marker, data);
        }
    }
</script>
<div id="dvCanvas" style="width: 500px; height: 500px">
</div>
<h2><%: Title %>.</h2>
<h3>Your application description page.</h3>
<p>Use this area to provide additional information.</p>

这是语法错误：

我将感谢您的指导

Answer 1

我目前使用相同的代码，我认为你的意思是javascript标签中的转发器控件，这看起来像语法错误，但是当你运行它时它正常工作。只需像那样构建并运行。

asp.net中谷歌地图上的多个标记？

1 个答案: