Sin más preámbulos, solo presente el código;
La copia del código es la siguiente:
<script>
var map = new bmap.map ('allMap');
var bcenter = new BMap.Point (116.404,39.915);
map.centerandzoom (bcenter, 11);
// Control personalizado
function staticControl () {
this.defaultanchor = bmap_anchor_top_left;
this.defaultOffset = new BMap.Size (10,10);
}
// heredar la API de control
staticControl.prototype = new BMap.Control ();
// Inicializar el control
staticControl.prototype.initialize = function (map) {
var div = document.createElement ('div');
var e1 = document.createElement ('entrada');
e1.type = 'botón';
e1.value = 'reset';
e1.OnClick = function () {
estadística ();
}
div.appendchild (E1);
var e2 = document.createElement ('entrada');
e2.type = 'botón';
e2.value = 'zoom hacia abajo';
e2.onclick = function () {
endstatics ();
}
div.appendchild (E2);
var e3 = document.createElement ("entrada");
e3.type = "botón";
e3.value = "zoom en";
e3.onclick = function () {
setstatics ();
}
div.appendchild (E3);
// Agregar elementos DOM al mapa
map.getContainer (). AppendChild (div);
// Regreso a DOM
regreso div;
}
// crear una instancia de control
var staticsCtrl = new staticControl ();
// Agregar al mapa
map.addcontrol (staticsctrl);
función estadística () {
MAP.CenterandZoom (nuevo BMAP.Point (116.404, 39.915), 11);
}
función endstatics () {
map.setzoom (map.getzoom ()-2);
}
función setstatics () {
map.setzoom (map.getzoom ()+2)
}
</script>
El código anterior es el control personalizado de los mapas de Baidu que estoy usando. Espero que a todos les pueda gustar.