Без лишних слов, я опубликую вам код напрямую. Конкретный код выглядит следующим образом.
Ключевой код заключается в следующем:
<! Doctype html> <html lang = "zh-cn"> <Head> <meta name = "viewport" content = "Начальный шкал = 1.0, пользовательский scalable = no"/> <meta http-equiv = "title-type" content = "text/html; charset = utf-equiv = <title-type>" html; harset = utf-8 "/> </steml =" html; charset = utf-equiv = " {высота: 100%;} body {height: 100%; маржа: 0px; padding: 0px;}#intainer {height: 50%;} </style> <script src = "http://code.jquery.com/jquery-1.11.0.min.js"> </scrode> <script.com/jquery-1.11.0.min.js " 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> </$ function> </$ function. {navigator.geolocation.getCurrentPosition (transtatePoint); 0, initmap); // преобразовать координаты} функция initmap (point) {// Инициализировать карту map = new bmap.map ("контейнер"); // cantage container map.addcontrol (new bmap.navigationcontrol ()); // Контроль Zoom Control Map. Bmap.overviewmapcontrol ()); // Mopnail Map Map Map.cenerandZoom (точка, 15); // инициализация карты, координаты карты параметров и уровни map.addoverlay (new bmap.marker (point)); // marker (point)); // Зарегистрируйте текущую позицию myzoomctr); ZoomControl (); map.addcontrol (myzoomctrl); function ZoomControl () {this.defaultanchor = bmap_anchor_top_left; // Регулировать положение элемента управления this.defaultoffset = new bmap.size (10, 10); // Регулировать положение через пиксели} // Настроить управление, нажмите дважды, чтобы достичь увеличения ZoomControl.prototype = new Bmap.control (); ZoomControl.prototype.initialize = function (map) {var div = document.createElement ("div"); div.appendChild (document.createTextNode ("Zoomination 2 уровни")); div.style.cursor = "pointer"; div.style.border = "1px твердый серый"; div.style.backgroundcolor = "белый"; div.onclick = function (e) {map. 2);} map.getContainer (). AppendChild (div); return div;}} </script> </head> <body> <div id = "container"> </div> </body> </html>