Red de conocimiento informático - Material del sitio web - Cómo utilizar JS API para desarrollo basado en LBS

Cómo utilizar JS API para desarrollo basado en LBS

En el desarrollo de páginas web móviles, encontrará el desarrollo de funciones LBS y es más conveniente utilizar API de terceros. La siguiente es la descripción de la aplicación API de desarrollo JS de Baidu Maps.

1. Introduzca archivos CSS y archivos de biblioteca de clases relevantes.

La API de JavaScript v1.4 y las versiones anteriores no necesitan solicitar una clave (ak), pero son obligatorias a partir de la versión. v1.5 Debe solicitar una clave (ak) antes de poder usarla. Si necesita obtener una cuota más alta, haga clic en Solicitar usuario empresarial certificado.

Dirección:/api?v=1.4

//El parámetro v representa la versión de API que cargó usando JavaScript APIv1.4 y se puede hacer referencia a versiones anteriores de esta manera.

/api?v=2.0&ak=tu clave

// Cuando utilices JavaScript APIv2.0, solicita la clave ak y haz referencia a ella de esta manera.

2. Cree un contenedor para la parte del mapa en html

< /div>

3. Iniciar la creación de instancias

//Crear un objeto de mapa usando el ID de enlace allmap

var map = new BMap.Map(" allmap" )

2.ScaleControl();

map.addControl(nuevo BMap.OverviewMapControl());

map.addControl(nuevo BMap.MapTypeControl ()

map.GeolocationControl());

// Función de posicionamiento

var geolocation = new BMap.Geolocation(); >geolocation.getCurrentPosition(function(r){

if(this.Size(0, - index * 25)

});

/ /Crear ventana de mensaje

var messageContent = '

' + 'dirección:'+data.address+ '
teléfono : '+data.tel+ '
';

var searchInfoWindow = null

searchInfoWindow = new BMapLib.SearchInfoWindow(map, messContent, {

título: datos.nombre, //título

ancho: 290, //ancho

alto: 105, //alto

panel: "panel" , //panel de resultados de búsqueda

enableAutoPan: true, //autoPan

searchTypes: [ BMAPLIB_TAB_SEARCH, //Búsqueda periférica

BMAPLIB_TAB_TO_HERE, //vaya aquí

BMAPLIB_TAB_FROM_HERE //desde aquí

] }

map.addOverlay(marcador);}.

}else { alert('falló'+this.getStatus() }},{enableHighAccuracy: true})