Javascript 如何在jquery选项卡中聚焦标记映射
在这里询问之前,我有一个问题,我已经在google或stackoverflow中搜索了案例,但没有解决这个案例:( 这是我的照片 标记红色箭头这是位置标记,为什么谷歌地图不关注位置标记 这是麦可德吗 此部分代码page.phpJavascript 如何在jquery选项卡中聚焦标记映射,javascript,php,jquery,google-maps-markers,jquery-tabs,Javascript,Php,Jquery,Google Maps Markers,Jquery Tabs,在这里询问之前,我有一个问题,我已经在google或stackoverflow中搜索了案例,但没有解决这个案例:( 这是我的照片 标记红色箭头这是位置标记,为什么谷歌地图不关注位置标记 这是麦可德吗 此部分代码page.php <div id="tab-5"> <?php $map = "-6.3447213,106.8658161"; $title = "
<div id="tab-5">
<?php
$map = "-6.3447213,106.8658161";
$title = "Creative School";
$image = "log.jpg";
$addres = "DKI JAKARTA";
?>
<iframe id="headerMap" width="480" HEIGHT="420"></iframe>
<script>
jQuery("iframe#headerMap").attr("src", "map.php?map=<?php echo $map;?>&title=<?php echo $title ?>&image=<?php echo $image ?>&addres=<?php echo $addres ?>");
</script>
</div>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script>
var map;
var TILE_SIZE = 256;
var lang = new google.maps.LatLng(<?php echo $_GET['map'];?>);
function createInfoWindowContent() {
return [
'<center><b><?php echo $_GET['title'];?></b></center>',
'<center><b><?php echo $_GET['addres'];?></b></center>',
'<center><img src="images/<?php echo $_GET['image'];?>"></center>'
].join('<br>');
}
function initialize() {
var mapOptions = {
zoom: 13,
center: lang
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
var coordInfoWindow = new google.maps.InfoWindow();
coordInfoWindow.setContent(createInfoWindowContent());
coordInfoWindow.setPosition(lang);
coordInfoWindow.open(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
jQuery(“iframe#headerMap”).attr(“src”、“map.php?map=&title=&image=&addres=”);
此完整代码map.php
<div id="tab-5">
<?php
$map = "-6.3447213,106.8658161";
$title = "Creative School";
$image = "log.jpg";
$addres = "DKI JAKARTA";
?>
<iframe id="headerMap" width="480" HEIGHT="420"></iframe>
<script>
jQuery("iframe#headerMap").attr("src", "map.php?map=<?php echo $map;?>&title=<?php echo $title ?>&image=<?php echo $image ?>&addres=<?php echo $addres ?>");
</script>
</div>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script>
var map;
var TILE_SIZE = 256;
var lang = new google.maps.LatLng(<?php echo $_GET['map'];?>);
function createInfoWindowContent() {
return [
'<center><b><?php echo $_GET['title'];?></b></center>',
'<center><b><?php echo $_GET['addres'];?></b></center>',
'<center><img src="images/<?php echo $_GET['image'];?>"></center>'
].join('<br>');
}
function initialize() {
var mapOptions = {
zoom: 13,
center: lang
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
var coordInfoWindow = new google.maps.InfoWindow();
coordInfoWindow.setContent(createInfoWindowContent());
coordInfoWindow.setPosition(lang);
coordInfoWindow.open(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
html,正文,#地图画布{
身高:100%;
边际:0px;
填充:0px
}
var映射;
变量TILE_SIZE=256;
var lang=new google.maps.LatLng();
函数createInfoWindowContent(){
返回[
'',
'',
'">'
].加入(“
”);
}
函数初始化(){
变量映射选项={
缩放:13,
中心:朗
};
map=new google.maps.map(document.getElementById('map-canvas'),
地图选项);
var coordinfo window=new google.maps.InfoWindow();
setContent(createInfoWindowContent());
坐标信息窗口。设置位置(lang);
坐标信息窗口。打开(地图);
}
google.maps.event.addDomListener(窗口“加载”,初始化);
帮帮我谢谢你