谷歌地图显示没有jQuery
Google map display none jQuery
我有两个js文件。第一个定义一个谷歌地图,如:纬度,伦敦,地图选项,标记等。在这里:
function initialize() {
var myLatlng = new google.maps.LatLng(settings.custom_contact.lat, settings.custom_contact.lng);
var mapOptions = {
zoom: 13,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var contentString = '';
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: ''
});
}
google.maps.event.addDomListener(window, 'load', initialize);
第二个包含显示画布容器 #map 的一些操作。地图画布的默认状态为显示:无。单击特定元素后,它会显示。现在,我已经读到显示隐藏地图的常见问题,我应该放这行代码:
google.maps.event.trigger(map, 'resize');
当我单击使带有地图的容器可见的元素时。但是当我输入这段代码时,Firebug 告诉我:"参考错误:地图未定义"。这是正确的,因为它在不同的文件中。我无法合并这两个文件。我该如何管理?
将 map 变量放在全局范围内:
var map = null;
function initialize() {
var myLatlng = new google.maps.LatLng(settings.custom_contact.lat, settings.custom_contact.lng);
var mapOptions = {
zoom: 13,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var contentString = '';
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: ''
});
}
google.maps.event.addDomListener(window, 'load', initialize);
相关文章:
- 重写CSS:使用jquery显示none属性
- 使用mvc和jquery显示更多点击数据
- 如何使用jquery显示具体的li数
- PHP/JQUERY-显示json的每个子数组
- 如何使用jQuery显示JSON数据
- 使用jquery显示特定的li标记
- JavaScript/jQuery:显示DIV,直到用户停止在Textbox中键入
- Jquery显示的导航不'单击'主页'
- 如何避免试图用php+jquery显示php起始页的无限循环
- 使用Jquery显示隐藏表单字段
- 使用jquery显示mysql查询结果
- 最有效的jquery显示/隐藏切换
- 如何使用jQuery显示/隐藏菜单
- jQuery 显示未按预期执行
- 如何使用 jquery 显示所选选项值
- 使用 JQuery 显示来自 URL 的图像
- 如果选择了多个选项,则使用 jQuery 显示隐藏的表单元素
- 如何使用 JQuery 显示带有加载符号的数据表
- jquery 显示/隐藏切换在 Internet Explorer 中损坏
- 使用 jQuery 显示和隐藏菜单