谷歌地图中的未知错误

Question

我已经尝试过与此相关的 stackoverflow 问题，但无法解决。 下面是我用于谷歌地图的 javascript 代码，我试图在更改下拉列表时调用谷歌地图，但在控制台中它引发“未捕获的类型错误：无法读取未定义的属性‘x’”错误。任何人请帮忙。

<script type="text/javascript">
    $("#tohide").hide();
    $('#id_area_name').on('change', function(e) {
        var Value = this.value;
        var formURL = "/users/add_dispensary/" + Value + "/";
        if (Value){
            $.ajax({
                url: formURL,
                type: 'GET',
                success: function(data){
                    data = data + "<tr><th></th><td><button class='btn btn-primary'>Submit</button>&nbsp;<button type='button' class='btn btn-default'>Cancel</button></td></tr>"
                    $("#dispensaryform").html(data);
                    $("#tohide").show();
                    $("#map").show();
                    $('#dispensaryform tbody td').siblings().css("border-top", 0);
                    $('#dispensaryform tbody th').siblings().css("border-top", 0);
                    $('#dispensaryform tbody td').siblings().addClass("col-lg-4");
                    $('#dispensaryform tbody th').siblings().addClass("col-lg-8");
                    create_map();
                },
                error: function(){
                    alert("Something wrong happened")
                }
            });
        }
        else{
            data='';
            $("#dispensaryform").html(data);
            $("#tohide").hide();
            $("#map").hide();
        }
        e.preventDefault();
    });
</script>
<script>
    function create_map(){
        var Lati = $("#id_Latitude").val();
        var Long = $("#id_Longitude").val();
        var myLatlng = new google.maps.LatLng(Lati, Long);
        //var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
        var myOptions = {
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP, // HYBRID
            disableDefaultUI: true
        };
        var map = new google.maps.Map(document.getElementById("map"), myOptions);
    }
</script>

Answer 1

我通过添加这样的缩放级别解决了这个问题：-

var myOptions = {
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP, // HYBRID
            disableDefaultUI: true,
            zoom:11
        };