Tanpa basa -basi lagi, saya akan memposting kode kepada Anda secara langsung. Kode spesifiknya adalah sebagai berikut.
Kode kuncinya adalah sebagai berikut:
<!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 {height: 100%;} body {height: 100%; margin: 0px; padding: 0px;}#container {height: 50%;} </style> <script src = "http://code.jquery.com/jquery-1.11.min.js"> </script> src = "http://api.map.baidu.com/api?v=1.4" type = "text/javascript"> </cript> <script type = "text/javascript" src = "http://developer.baidu.com/map/jsdemo/demo/pripter> <" scripter> <"scripte.baidu." {navigator.geolocation.getCurrentPosition (translatePoint); initmap); // Konversi koordinat} fungsi initmap (point) {// inisialisasi peta peta = bmap.map baru ("wadah"); // contoh container peta.addcontrol (control bmap.navigationControl (); Bmap.overviewMapControl ()); // peta peta thumbnail peta.centerandzoom (point, 15); // peta inisialisasi, koordinat peta parameter dan level peta.addoverlay (BMAP.marker baru (point)); // marker (point));//mendaftar posisi saat ini var myzoomctr = = // marker (point))); ZoomControl (); peta.addControl (myzoomctrl); function zoomControl () {this.defaultanchor = bmap_anchor_top_left; //Adjust the position of the control this.defaultOffset = new BMap.Size(10, 10);//Adjust the position through pixels}//Customize the control, click twice to achieve magnification ZoomControl.prototype = new BMap.Control();ZoomControl.prototype.initialize = function (map) {var div = document.createElement("div");div.appendChild(document.createTextNode("zoomination 2 levels"));div.style.cursor = "pointer";div.style.border = "1px solid gray";div.style.backgroundColor = "white";div.onclick = function (e) {map.zoomTo(map.getZoom() + 2);} Map.getContainer (). AppendChild (Div); return div;}} </script> </head> <body> <v id = "container"> </div> </body> </html>