Javascript 缩放滑块不显示';t出现在我的谷歌地图上
首先,我也尝试过,但没有成功,所以我会告诉你我的问题。好的,代码如下:Javascript 缩放滑块不显示';t出现在我的谷歌地图上,javascript,google-maps,slider,zooming,google-maps-api-2,Javascript,Google Maps,Slider,Zooming,Google Maps Api 2,首先,我也尝试过,但没有成功,所以我会告诉你我的问题。好的,代码如下: var datos=''; var origen=“”; var vAPIKey=“”; var vLangmap=''; 马库德变种; $(文档).ready(函数(){ var script=document.createElement(“脚本”); var gurl=”http://www.google.com/jsapi?callback=loadMapscoord&key=“+vAPIKey+”&oe=UTF8&
var datos='';
var origen=“”;
var vAPIKey=“”;
var vLangmap='';
马库德变种;
$(文档).ready(函数(){
var script=document.createElement(“脚本”);
var gurl=”http://www.google.com/jsapi?callback=loadMapscoord&key=“+vAPIKey+”&oe=UTF8&ie=UTF8&hl=“+vLangmap;
script.src=gurl;
document.getElementsByTagName(“head”)[0].appendChild(脚本);
});
//这是一种实用的功能,它不需要为客户提供谷歌地图和地图的api
函数loadMapscoord(){
setTimeout(“google.load('maps','2.x',{'callback':initMapcoord});”,100);
}
函数initMapcoord(){
window.onunload=google.maps.Unload;
mapcoords=new google.maps.Map2(document.getElementById(“mapa”);
mapcoords.enableDoubleClickZoom();
mapcoords.enableContinuousZoom();
启用ScrollWheelZoom();
var mapControl=new google.maps.MapTypeControl();
mapcoords.addControl(mapControl);
var zoomControl=new google.maps.LargeMapControl();
mapcoords.addControl(zoomControl);
初始化单词();
//这是一张卡加地图,上面写着卡帕和莫斯特拉的信息。
如果(origen==“信息”){
parent.cuerpo(origen,'localizacion');
}
}
函数initializeCoords(){
mapcoords.clearOverlays();
mapcoords.closeInfoWindow();
setMapType(G_NORMAL_MAP);
设置中心(新的google.maps.LatLng(0,0),0);
var bounds=new google.maps.LatLngBounds();
var markers=new Array();//Array de marcadores
//达托斯酒店
var numcoords=datos.split(“|”);
对于(var x=0;x
问题是我有地图,一切正常,但我没有缩放控制滑块,我需要它。您可以看到带有var zoomControl=new google.maps.LargeMapControl()的行代码>,我知道它应该工作,并显示滑块,但“au contrair”,用于放大和缩小的两个按钮是在一起的,它们之间没有滑块
请问…,有人能告诉我怎么修吗?或者我做错了什么
先谢谢你
var datos = '<%=coorNom%>';
var origen='<%=origen%>';
var vAPIKey = '<%=APIKey%>';
var vLangmap = '<%=langmap%>';
var mapcoords;
$(document).ready(function() {
var script = document.createElement("script");
var gurl = "http://www.google.com/jsapi?callback=loadMapscoord&key=" + vAPIKey + "&oe=UTF8&ie=UTF8&hl=" + vLangmap;
script.src = gurl;
document.getElementsByTagName("head")[0].appendChild(script);
});
// Se utiliza esta función para no tener que cargar cada vez el api desde google maps y ya tenerlo descargado en el cliente
function loadMapscoord(){
setTimeout("google.load('maps', '2.x', {'callback':initMapcoord});", 100);
}
function initMapcoord(){
window.onunload=google.maps.Unload;
mapcoords = new google.maps.Map2(document.getElementById("mapa"));
mapcoords.enableDoubleClickZoom();
mapcoords.enableContinuousZoom();
mapcoords.enableScrollWheelZoom();
var mapControl = new google.maps.MapTypeControl();
mapcoords.addControl(mapControl);
var zoomControl = new google.maps.LargeMapControl();
mapcoords.addControl(zoomControl);
initializeCoords();
// Tenemos que esperar a cargar el mapa para ocultar la capa y mostrar la info.
if (origen == "info"){
parent.cuerpo(origen, 'localizacion');
}
}
function initializeCoords() {
mapcoords.clearOverlays();
mapcoords.closeInfoWindow();
mapcoords.setMapType(G_NORMAL_MAP);
mapcoords.setCenter(new google.maps.LatLng(0,0),0);
var bounds = new google.maps.LatLngBounds();
var markers = new Array(); //Array de marcadores
//Obtenemos la estructura de datos
var numcoords = datos.split('|');
for (var x = 0; x < numcoords.length-1; x++){
var coord = numcoords[x].split('@')[0];
var lat = coord.split('**')[0];
var lon = coord.split('**')[1];
if ((lat != undefined) && (lat != '') && (lon != undefined) && (lon != '')){
markers.push({latlng: new google.maps.LatLng( parseFloat( lat ), parseFloat( lon ) ), name: numcoords[x].split('@')[1]} );
}
}
//creamos los distintos marcadores y los asociamos al mapa
for (var z in markers){
marker = createMarker(markers[z]);
mapcoords.addOverlay(marker);
}
//Calculamos el centro y zoom adecuados para el mapcoords
for (var i in markers){
bounds.extend(markers[i].latlng);
}
mapcoords.setCenter(bounds.getCenter(), mapcoords.getBoundsZoomLevel(bounds) - 7);
if (origen == "imprimir"){
setTimeout("parent.imprime();",300);
}
}
</script>