【问题标题】:Javascript if googlemap lat long value is empty hide div如果 googlemap lat long 值为空,则 Javascript 隐藏 div
【发布时间】:2012-08-19 00:33:28
【问题描述】:

你好希望有人能帮我解决这个问题

我有一张来自 Json 文件的动态数据的地图 json 中的数据字段是 [[LAT]] [[LONG]]

我想要做的是,如果 json 文件没有发送任何值,则必须关闭 mapcontainer div。到目前为止,我没有工作。

这里是javascript:

<script type="text/javascript">
        function initialize() {
            var latlng = new google.maps.LatLng(50.892374,5.992003);
            var myOptions = {
                zoom: 15,
                streetViewControl: true,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            if (latlng !== "50.892374" , "5.992003000000068"){
            alert(latlng)
            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
            }
            else{
            alert("hide mapcontainer div")
            document.getElementById("mapcontainer").style.visibility = 'none';
            }
        }
        </script>

问题是,无论我做什么,latlng 永远不会等于我在示例中给出的值。

这是我要关闭的 div:

  <div class="mapcontainer" id="mapcontainer">
  <div class="themap">
  <div id="map_canvas" style="width:100; height:200px;"></div>
  </div>
  </div>

在我的实际工作中,latlng 看起来像这样: var latlng = new google.maps.LatLng([[LAT]],[[LONG]]);

提前感谢您的帮助

【问题讨论】:

    标签: javascript


    【解决方案1】:

    这个测试永远不会起作用: if (latlng !== "50.892374" , "5.992003000000068"){

    您正在将 google.maps.LatLng 对象与一对字符串进行比较;我希望你会得到一个 javascript 错误。

    google.maps.LatLng 有一个 equals 方法,可让您将其与另一个 google.maps.LatLng 进行比较,但我建议使用 geometry library 进行距离比较(浮点数几乎从不相等)(查看如果 2 个 LatLng 对象“接近”到足够相同)

    【讨论】:

    • 您好 geocodezip,感谢您帮助我解决我的问题。我不完全理解,但也许你有一条替代路线来实现我的目标。因此,如果没有为 latlng 提供值,我只想隐藏 mapcontainer。
    • 您的新问题“如果没有给出值,我只想隐藏地图容器”,与 Google Maps API 或 Google Maps 没有任何关系,它是一个通用的动态 HTML 问题。也许编辑问题及其标签(或创建一个新标签)以反映这一点。
    • 谢谢我这样做了,但你能帮我解决这个问题吗?
    猜你喜欢
    • 2021-11-24
    • 1970-01-01
    • 2012-01-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-30
    • 1970-01-01
    相关资源
    最近更新 更多