Sem mais delongas, postarei o código diretamente para você. O código específico é o seguinte.
O código -chave é o seguinte:
<! Doctype html> <html lang = "zh-cn"> <head> <meta name = "viewport" content = "scale inicial = 1.0, user-scalable = n no" /> <meta http-equiv = "content-type" content = "text /html; carberset = utf-8" type = "text/css"> html {altura: 100%;} corpo {altura: 100%; margem: 0px; preenchimento: 0px;}#contêiner {altura: 50%;} </style> <script src = "http://code.jQuery.com/jquery-1.1.0.0.mc =" http://code.jquery.com/jquery-1.1.0.0.0 src = "http://api.map.baidu.com/api?v=1.4" type = "text/javascript"> </script> <script type = "text/javascript" src = "http://develher.baiduj/map/jsdemo/Demo/Demo/Demo/Demo/Demo/Demo/scrtemonConl) {Navigator.geolocation.getCurrentPosition (TradlatePoint); initmap); // converte coordenadas} função initmap (ponto) {// inicialize mapa mapa = new bmap.map ("contêiner"); // instância de contêiner map.addcontrol (new bmap.navigationControl (); Bmap.overviewMapControl ()); // MAPO DE MINHOLATIONATIVO Map.CenterandZoom (Point, 15); // Inicialização do mapa, coordenadas do mapa de parâmetros e níveis map.addoverlay (new Bmap.marker (Point)); ZoomControl (); map.addControl (myZoomCtrl); função zoomControl () {this.defaultAnchor = bmap_anchor_top_left; // Ajusta a posição do controle this.defaultOffset = new Bmap.size (10, 10); // Ajusta a posição através de pixels} // Personalize o controle, clique duas vezes para obter a ampliação ZoomControl.prototype = new Bmap.Control (); document.createElement ("div"); div.appendChild (document.createTextNode ("Zoominação 2 níveis")); div.style.cursor = "ponteiro"; div.style.border = "1px cinza sólido"; div.style.background = "" White; 2);} map.getContainer (). AppendChild (div); return div;}} </script> </ad Head> <body> <div id = "contêiner"> </div> </body> </html>