Sin más preámbulos, le publicaré el código directamente. El código específico es el siguiente.
El código clave es el siguiente:
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type = "text/css"> html {altura: 100%;} body {Height: 100%; margin: 0px; padding: 0px;}#contenedor {altura: 50%;} </style> <script src = "http://code.jquery.com/jquery-1.11.0.min.js"> </script> <script> <script> <script> src = "http://api.map.baidu.com/api?v=1.4" type = "text/javaScript"> </script> <script type = "text/javascript" src = "http://develveber.baidu.com/map/jsdemo/demo/converder.js"> </script> {Navigator.GeOlocation.getCurrentPosition (traducePoint);/position}); function TranslatePoint (position) {var currentLat = posicion.coords.latitude; // longitude var currentLon = posicion.coords.longitude; // latitude var gpspoint = new bMap.Point (currentLon, currentLat); bmap.convertor.translate (gpsPoint, 0, 0, 0, 0. initMap); // Convertir coordenadas} function initMap (punto) {// Inicializar mapa map = new BMap.map ("Container"); // Instance Container Map.addControl (new BMap.navigationControl ()); // Control de zoom de panadería Bmap.overViewMapControl ()); // control de mapa de mapa de mapa map.centerandzoom (punto, 15); // Inicialización de mapas, coordenadas de mapa de parámetros y niveles map.addoverlay (new BMap.marker (punto)); // Marker (Point)); // Regístrese en la posición actual Var myZoomCtrl = nuevo nuevo ZoomControl (); MAP.AddControl (myZoomCtrl); function ZoomControl () {this.defaultanchor = BMAP_ANCHOR_TOP_LEFT; // Ajuste la posición del control este.defaultOffset = new BMap.Size (10, 10); // Ajuste la posición a través de píxeles} // Personalice el control, haga clic dos veces para lograr un aumento de aumento zoomcontrol.prototype = nuevo BMAP.Control (); ZoomControl.prototype.initialize = function (MAP) {var div = div = document.createElement ("div"); div.appendChild (document.createTextNode ("zoomination 2 niveles")); div.style.cursor = "puntero"; div.style.border = "1px sólido gris"; div.style.backgroundcolor = "white"; div.onclick = function (e) {map.zoomto (get.getzoom () 2);} map.getContainer (). AppendChild (div); return div;}} </script> </head> <body> <div id = "contenedor"> </div> </body> </html>