Desarrollo web Baidu Map JS api, cómo configurar la visualización continua del mapa
1. headgt;lt;/headgt ; Inserte el siguiente código entre: Este es el estilo y el script JS.
lt;! --Cita API de mapas de Baidu--gt;
lt; estilo tipo="text/css"gt;
html, body{margin: 0; /p>
.iw_poi_title {color: #CC5522; tamaño de fuente: 14px; peso de fuente: negrita; desbordamiento: oculto; relleno-derecha: 13px; iw_poi_content {fuente: 12px arial, sans-serif.overflow: visible; padding-top: 4px; espacio en blanco: -moz-pre-wrap; word-wrap: break-word}
lt;/ stylegt;
lt;script type="text/javascript" src="/api?key=amp;v=1.1amp;services=true"gt;lt;/scriptgt;
2. Coloque el siguiente código entre lt; bodygt; lt; / bodygt; donde se debe mostrar el mapa (este código llama al mapa)
lt;! --Contenedor de mapas Baidu--gt;
lt; div style="ancho: 697px; alto: 550px; borde: #ccc solid 1px;" id="dituContent"gt;
3. El siguiente código se coloca en la parte inferior de la página (de hecho, se puede colocar en cualquier parte de la página).
lt;script type="text/javascript"gt;
// Crea e inicializa la función de mapa:
function initMap(){
createMap(); //crear mapa
setMapEvent(); //establecer evento de mapa
addMapControl(); //agregar control al mapa
addMarker(); //agregar marcador al mapa
}
//Crear función de mapa:
función createMap (){
var map = new BMap.Map("dituContent"); // Crea un mapa en el contenedor de mapas de Baidu
var point = new BMap.Point(115.949652 , 28.693851 ); // Definir las coordenadas del punto central
map.centerAndZoom(point, 18); // Establecer el punto central y las coordenadas del mapa y mostrar el mapa en el contenedor del mapa
window.map = map; // Variable de mapa de almacenamiento global
}
Función de configuración de eventos de mapa:
function setMapEvent(){
map.enableDragging(); //Habilitar eventos de arrastre de mapas, habilitado de forma predeterminada (se puede omitir)
map.enableScrollWheelZoom (); // Habilitar la rueda del mapa para acercar y alejar
map.enableDoubleClickZoom(); //Habilitar el zoom con doble clic del mouse, habilitado de forma predeterminada (se puede omitir)
map.enableKeyboard(); //Habilitar eventos de teclado, habilitado de forma predeterminada (se puede omitir)
map.enableKeyboard(); //Habilitar eventos de teclado, habilitado de manera predeterminada (se puede omitir)