我已经尝试过与此相关的stackoverflow问题,但无法解决。下面是我的google map的JavaScript代码,我试图在更改下拉列表时调用google map,但是在控制台中它引发了“ Uncaught TypeError:无法读取未定义的属性'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> <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>
我通过添加像这样的缩放级别解决了这个问题:
var myOptions = {
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP, // HYBRID
disableDefaultUI: true,
zoom:11
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句