IF条件下的谷歌地图

Question

我有一个场景，谷歌地图加载来自数据库的经度和纬度，或者使用也来自数据库的邮政编码，如果 long - lat 变为 null 则无法正常工作。我将 long、lat、Pin 代码值绑定到隐藏字段。

脚本是：

var lat = $('#<%=hdnLat.ClientID %>').val();
var long = $('#<%=hdnLong.ClientID %>').val();
var add = $('#<%=hdnAddress.ClientID %>').val();
var title = $('#<%=hdnTitle.ClientID %>').val();
var pinCode = $('#<%=hdnPin.ClientID %>').val();

if (!lat == '' || !lat == null) {
    function initialize() {
        var latlng = new google.maps.LatLng(lat, long);
        var zoomratio = 15;
        var mapOptions = {
            center: latlng,
            zoom: zoomratio,
            scrollwheel: true,
            draggable: true,
            mapTypeControl: true,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
                position: google.maps.ControlPosition.RIGHT_TOP
            },
            panControl: false,
            zoomControl: true,
            streetViewControl: false,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            zoomControlOptions: {
                style: google.maps.ZoomControlStyle.SMALL,
                position: google.maps.ControlPosition.RIGHT_BOTTOM
            }
        };
        var infoWindow = new google.maps.InfoWindow();
        var map = new google.maps.Map(document.getElementById("googlemap"), mapOptions);
        var url = "Images/YellowPages/pointer.png";
        var htmlStr = "<div style='border:1px solid #ddd;padding:3px;'>" +
           "<h4 style='margin-top:0;width:200px;line-height:1.25;'>" + title + "</h4>" +
           "<p>" + add + "</p>" +
           "</div>";
        var marker = new google.maps.Marker({
            position: latlng,
            map: map,
            icon: url,
            title: title
        });
        (function (marker, htmlStr) {
            google.maps.event.addListener(marker, "click", function (e) {
                infoWindow.setContent(htmlStr);
                infoWindow.open(map, marker);
            });
        })(marker, htmlStr);
    }
    google.maps.event.addDomListener(window, 'load', initialize);
} else {
    function initialize() {
        geocoder = new google.maps.Geocoder();
        var latlng = new google.maps.LatLng(12.9539974, 77.6309395);
        var zoomratio = 8;
        var mapOptions = {
            center: latlng,
            zoom: zoomratio,
            scrollwheel: true,
            draggable: true,
            mapTypeControl: true,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
                position: google.maps.ControlPosition.RIGHT_BOTTOM
            },
            panControl: false,
            zoomControl: true,
            streetViewControl: false,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            zoomControlOptions: {
                style: google.maps.ZoomControlStyle.SMALL,
                position: google.maps.ControlPosition.RIGHT_BOTTOM
            }
        }
        map = new google.maps.Map(document.getElementById('googlemap'), mapOptions);
        codeAddress();
    }

    function codeAddress() {

        geocoder.geocode({ 'address': pinCode + ', India' }, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                map.setCenter(results[0].geometry.location);
                var marker = new google.maps.Marker({
                    map: map,
                    position: results[0].geometry.location
                });
            } else {
                alert('Geocode was not successful for the following reason: ' + status);
            }
        });
    }
    google.maps.event.addDomListener(window, 'load', initialize);
}

问题是google.maps.event.addDomListener(window, 'load', initialize); 总是首先设置为第一个条件，然后如果lat 和long 变量中有值，则立即跳转到第二个条件。

有没有办法避免它，或者有什么简单的方法可以解决这个问题？

Answer 1

你的条件有问题

if(!lat == '' || !lat == null)

总是评估为 TRUE（因为 !lat 表示 FALSE）

你的意思是：

if(lat != '' || lat != null)