Sans plus tarder, je vous publierai directement le code. Le code spécifique est le suivant.
Le code clé est le suivant:
<! Doctype html> <html lang = "zh-cn"> <éad> <meta name = "Viewport" contenu = "initial-scale = 1.0, user-scalable = no" /> <meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> <tapt> <title> type = "text / css"> html {height: 100%;} body {height: 100%; margin: 0px; padding: 0px;} # contener {height: 50%;} </ style> <script src = "http://code.jquery.com/jquery-1.11.0.min.js"> </ script> src = "http://api.map.baidu.com/api?v=1.4" type = "text / javascript"> </ script> <script type = "text / javascript" src = "http://developer.baidu.com/map/jsdemo/demo/convertor.js"> </ script> <$ () {Navigator.Geolocation.getCurrentPosition (TranslatePoint); initmap); // convertit les coordonnées} fonction initmap (point) {// initialiser la carte map = new Bmap.map ("Container"); // instance Container Map.addControl (new BMAP.NavigationControl ()); // Panning Zoom Control Map.AddControl (new Bmap.scaleControl ()); // Scale Control Map.AdDconTrol (New BMAP.OverviewMapControl ()); // MAP MAP MAP MAP MAP.CenterandZoom (Point, 15); // Initialisation de la carte, coordonnées de la carte des paramètres et niveaux (point)); // Inscrivez la position actuelle var myzoomctrl = new ZoomControl (); map.addControl (MyZoomCtrl); fonction ZoomControl () {this.defaultanchor = bmap_anchor_top_left; // ajustez la position du contrôle this.defaultoffset = new Bmap.Size (10, 10); // ajustez la position via des pixels} // personnaliser le contrôle, cliquez deux fois pour réaliser un grossissement zoom-controt.prototype = new Bmap.Control (); ZoomControl.prototype.Initialialize (Map) {var div = Document.CreateElement ("Div"); div.ApendChild (document.CreateTextNode ("Zoomation 2 niveaux")); div.style.cursor = "Pointer"; div.Style.Borter = "1Px Solid Gray"; Div.Style.BackgroundColor = "White"; Div.Onclick = fonction (E) {Map.zoomto (Map.Get 2);} map.getContainer (). APPENDCHILD (div); return div;}} </script> </ head> <body> <div id = "Container"> </div> </ body> </html>