Javascript 使用MSSQL数据库中的纬度和经度显示谷歌地图不显示_Javascript_C#_Sql Server_Google Maps

Javascript 使用MSSQL数据库中的纬度和经度显示谷歌地图不显示

javascript c# sql-server google-maps

Javascript 使用MSSQL数据库中的纬度和经度显示谷歌地图不显示,javascript,c#,sql-server,google-maps,Javascript,C#,Sql Server,Google Maps,我有以下带有javascript代码的html标记 <body> <form id="form1" runat="server"> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js"></script> <script type="text/javascript"> var markers = [ <as

我有以下带有javascript代码的html标记

<body>
<form id="form1" runat="server">

    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js"></script>

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


<script type="text/javascript">

    window.onload = function () {
        var mapOptions = {
            center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
            zoom: 8,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var infoWindow = new google.maps.InfoWindow();
        var map = new google.maps.Map(document.getElementById("dvMap"), 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.title);
                    infoWindow.open(map, marker);
                });
            })(marker, data);
        }
    }
</script>

         <div id="dvMap" style="width: 500px; height: 500px"> </div>


</form>

当我运行页面时，我只看到一个灰色的正方形，上面定义了div的With和Heigh，但是我看不到地图

注意：开发人员工具中没有显示错误

如何制作谷歌地图

更新

 <script type="text/javascript">
    var markers = [

             {
                 "title": 'Orchidée organisation',
             "lat": '5,363223100000',
             "lng": '-3,942392299999'
         }

    ,

             {
                 "title": 'Brain Corporation',
             "lat": '5,359951700000',
             "lng": '-4,008256300000'
         }

    ,

             {
                 "title": '2K event',
             "lat": '0,000000000000',
             "lng": '0,000000000000'
         }

];
</script>


变量标记=[
{
“标题”：“兰花组织”，
“lat”：“5363223100000”，
“液化天然气”：“-394239229999”
}
,
{
“名称”：“Brain公司”，
“lat”：“5359951700000”，
“液化天然气”：“-4008256300000”
}
,
{
“标题”：“2K事件”，
“lat”：“0000000000000”，
“液化天然气”：“0000000000000”
}
];

这是asp:Repeater作为输出给出的结果

更新以显示页面结果

显示页面时，地图的div可见。。或者在第二瞬间显示？div是可见的，我在网页上看到带有灰色的正方形使用“查看页面源”中继器是否有任何输出？如果是这样，我不确定您是否应该将lat/long值视为字符串，因为它们应该是浮点类型。@KallumTanton我更新了帖子以显示asp的值：Repeater@Djama根据Google Maps API文档，LatLng构造函数仅将lat/long参数作为数字（int、double、float）类型，而你提供的是一个字符串。尝试删除中继器中GpsLat和GpsLon评估周围的单引号。

 <script type="text/javascript">
    var markers = [

             {
                 "title": 'Orchidée organisation',
             "lat": '5,363223100000',
             "lng": '-3,942392299999'
         }

    ,

             {
                 "title": 'Brain Corporation',
             "lat": '5,359951700000',
             "lng": '-4,008256300000'
         }

    ,

             {
                 "title": '2K event',
             "lat": '0,000000000000',
             "lng": '0,000000000000'
         }

];
</script>