我在 JS 中的变量是否为空？谷歌地图 API

Question

我实际上正在使用 Google Maps API 显示位置。但是纬度和经度的值是从我的database.mdf文件中的一个表中获取的，然后分别解析成2个HiddenFields。

我想问一下我写代码的方式，值是空的吗？

我对 JavaScript 没有太多经验..

图片/代码在底部说明..

从我的 page.aspx.cs 文件中，我将 HiddenFields 值分别设置为纬度和经度。

foreach (DataRow r in ds.Tables[0].Rows)
        {
            accountDB = r["AccountStatus"].ToString();
            latitudeDB = Convert.ToDouble(r["Latitude"]);
            longitudeDB = Convert.ToDouble(r["Longitude"]);
            usernameDB = r["Username"].ToString();
            ipDB = r["IPAddressOfCreation"].ToString();
        }
HF_Latitude.Value = latitudeDB.ToString();
        HF_Longitude.Value = longitudeDB.ToString();

page.aspx中script标签下的代码

<div id="generatedMap" style="width: 525px; height: 300px; background-color: grey;"></div>
                <script type="text/javascript">
                    function initMap() {
                        var latitudeDB = parseFloat(document.getElementById("<%= HF_Latitude.ClientID %>").value);
                        var longitudeDB = parseFloat(document.getElementById("<%= HF_Longitude.ClientID %>").value);

                        var mapProp = {
                            zoom: 15,
                            center: new google.maps.LatLng(latitudeDB, longitudeDB),
                            mapTypeId: google.maps.MapTypeId.HYBRID,
                        };

                        var map = new google.maps.Map(document.getElementById("generatedMap"), mapProp);

                        var marker = new google.maps.Marker({
                            position: new google.maps.LatLng(latitudeDB, longitudeDB),
                            map: map,
                            title: "<div style = 'height:50px;width:120px'><b>Consumer's location:</b><br />Latitude: " + latitudeDB + "<br />Longitude: " + longitudeDB,
                        });
                    }
                </script>
                <script src="https://maps.googleapis.com/maps/api/js?key=GOOGLE_API_KEY&callback=initMap"></script>

我解析到类 new.google.maps.Latlng（纬度和经度）中的值，这两个值是否为空？我似乎无法让 Google 地图出现..

存储在我的数据库中的坐标是浮点数据类型。

Answer 1

请尝试此代码。在 html 中，您将 div class 设置为属性，而在 java-script 中，您将检索为 Id 属性，这就是谷歌地图没有出现的问题。

代替：

<div class="generatedMap"></div>

应该是：

<div id="generatedMap"></div>

Javascript 代码将保持原样。如果您想保持课程不变，请在 javascript 中使用打击代码

代替：

var map = new google.maps.Map(document.getElementById('generatedMap')

应该是：

var map = new google.maps.Map(document.getElementsByClassName('generatedMap')

并确保来自服务器端的 lat & lng 值来自隐藏变量。