Google maps 谷歌地图触发事件不起作用
我已经实现了谷歌地图事件触发器。但是,似乎没有触发/调用任何事件。因此,我在代码上方添加了函数initialize,因为glob变量位于另一个文件中。然而,新的问题出现了,标签不见了 两个问题:1)全局var是否正确添加?2) 是否必须将google.maps.event添加到选项卡构造函数中?3) 我试了很多次,但地图似乎还是坏了。有什么解决办法吗Google maps 谷歌地图触发事件不起作用,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我已经实现了谷歌地图事件触发器。但是,似乎没有触发/调用任何事件。因此,我在代码上方添加了函数initialize,因为glob变量位于另一个文件中。然而,新的问题出现了,标签不见了 两个问题:1)全局var是否正确添加?2) 是否必须将google.maps.event添加到选项卡构造函数中?3) 我试了很多次,但地图似乎还是坏了。有什么解决办法吗 ?> <script src="http://code.jquery.com/ui/1.9.2/jquery
?>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript">
var map;
function initialize() {
var latLng = new google.maps.LatLng(<?php echo $geo_latitude;?>, <?php echo $geo_longitude;?>);
Demo.map = new google.maps.Map(Demo.mapContainer, {
<?php
if(get_option('ptthemes_scale_factor')){
$ptthemes_scale_factor = get_option('ptthemes_scale_factor');
} else {
$ptthemes_scale_factor = 13;
}
?>
zoom: <?php echo $ptthemes_scale_factor;?>,
center: latLng,
<?php
if($map_type=='Road Map' || $map_type=='Satellite Map'|| $map_type=='Terrain Map'){
if($map_type=='Satellite Map') {
$map_type = SATELLITE;
} elseif($map_type=='Terrain Map') {
$map_type = TERRAIN;
} else {
$map_type = ROADMAP;
}
?>
mapTypeId: google.maps.MapTypeId.<?php echo $map_type;?>
<?php
} else {
?>
mapTypeId: google.maps.MapTypeId.ROADMAP
<?php
}
?>
});
var marker = new google.maps.Marker({
position: latLng,
map: Demo.map,
title:"<?php echo trim($post->post_title);?>"
});
jQuery.noConflict();
jQuery(document).ready(function($) {
jQuery("#tabs").tabs();
});
$(function() {
$("#tabs").tabs({
activate: function(e, ui) {
google.maps.event.trigger(Demo.map, "resize");
}
});
});
}
</script>
?>
var映射;
函数初始化(){
var latLng=新的google.maps.latLng(,);
Demo.map=新的google.maps.map(Demo.mapContainer{
缩放:,
中心:拉特林,
mapTypeId:google.maps.mapTypeId。
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var marker=new google.maps.marker({
位置:latLng,
地图:Demo.map,
标题:“
});
jQuery.noConflict();
jQuery(文档).ready(函数($){
jQuery(“#tabs”).tabs();
});
$(函数(){
$(“#制表符”)。制表符({
激活:函数(e,ui){
google.maps.event.trigger(Demo.map,“resize”);
}
});
});
}
全局变量定义如下:
init: function() {
var latLng = new google.maps.LatLng(<?php echo $geo_latitude;?>, <?php echo $geo_longitude;?>);
Demo.map = new google.maps.Map(Demo.mapContainer, {
<?php
if(get_option('ptthemes_scale_factor')) {
$ptthemes_scale_factor = get_option('ptthemes_scale_factor');}
else {
$ptthemes_scale_factor = 13;
}
?>
zoom: <?php echo $ptthemes_scale_factor;?>,
center: latLng,
<?php
if($map_type=='Road Map' || $map_type=='Satellite Map'|| $map_type=='Terrain Map'){
if($map_type=='Satellite Map') {
$map_type = SATELLITE;
} elseif($map_type=='Terrain Map') {
$map_type = TERRAIN;
} else {
$map_type = ROADMAP;
} ?>
mapTypeId: google.maps.MapTypeId.<?php echo $map_type;?>
<?php
} else {
?>
mapTypeId: google.maps.MapTypeId.ROADMAP
<?php
}
?>
});
var marker = new google.maps.Marker({
position: latLng,
map: Demo.map,
title:"<?php echo trim($post->post_title);?>"
});
}
init:function(){
var latLng=新的google.maps.latLng(,);
Demo.map=新的google.maps.map(Demo.mapContainer{
缩放:,
中心:拉特林,
mapTypeId:google.maps.mapTypeId。
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var marker=new google.maps.marker({
位置:latLng,
地图:Demo.map,
标题:“
});
}
您遇到了一个JavaScript分析错误。第484行有一个额外的右括号}
。修复该问题,然后查看您的问题是否仍然存在。谢谢您的帮助。我刚刚删除了},但是第488行的输入有一个意外的结尾。你知道下一步该怎么做吗?修复代码,但是你知道为什么标签不见了吗?你的initialize()
函数永远不会被调用。因为您使用的是jQuery,所以不要调用初始化函数,只需将代码包装在jQuery(document).ready()调用中即可。谢谢!最后调用该函数!请先尝试修复您的编码错误,有很多优秀的工具可以定位解析错误(所以不是这样的工具)