2014-11-02 164 views
-1

我已经尝试了与此相关的stackoverflow问题,但无法解决此问题。 下面是我的javascript的谷歌地图的代码,我试图调用谷歌地图上更改下拉,但在控制台它提高“未捕获TypeError:无法读取未定义的属性'x'”错误。任何人请帮助。谷歌地图中的未知错误

<script type="text/javascript"> 
    $("#tohide").hide(); 
    $('#id_area_name').on('change', function(e) { 
     var Value = this.value; 
     var formURL = "https://stackoverflow.com/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> 
+0

请提供[最小的,完整的,经过测试和读示例](http://stackoverflow.com/help/mcve),表现出这个问题。 – geocodezip 2014-11-02 16:29:40

回答

-1

我解决了这个问题,只需添加一个缩放级别这样的: -

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