Red de conocimiento informático - Problemas con los teléfonos móviles - Desarrollo web Baidu Map JS api, cómo configurar la visualización continua del mapa

Desarrollo web Baidu Map JS api, cómo configurar la visualización continua del mapa

El código de adquisición es el siguiente: (Nota: normalmente solo necesitamos insertar el siguiente código en la página web para marcar las lombrices de tierra pequeñas, y el resto se puede dejar en paz).

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)