Partage de contrôle personnalisé de la carte Baidu

Sans plus tarder, il suffit de présenter le code;

La copie de code est la suivante:

<cript>

var map = new bmap.map ('allmap');

var bcenter = new bmap.point (116.404,39.915);

map.CenterandZoom (BCenter, 11);

// Contrôle personnalisé

fonction staticControl () {

this.defaultanchor = bmap_anchor_top_left;

this.defaultoffset = new Bmap.Size (10,10);

}

// hériter de l'API de contrôle

staticControl.prototype = new Bmap.Control ();

// initialise le contrôle

staticControl.prototype.Initialize = fonction (map) {

var div = document.CreateElement ('div');

var e1 = document.CreateElement ('entrée');

e1.type = 'bouton';

e1.value = 'reset';

e1.onclick = function () {

statique();

}

Div.ApendChild (E1);

var e2 = document.CreateElement ('entrée');

e2.Type = 'Button';

e2.Value = 'Zoom Down';

e2.OnClick = function () {

Endstatics ();

}

Div.ApendChild (E2);

var e3 = document.CreateElement ("entrée");

e3.Type = "Button";

e3.Value = "Zoom in";

e3.OnClick = function () {

setStatics ();

}

Div.ApendChild (E3);

// Ajouter des éléments DOM à la carte

map.getContainer (). APPENDCHILD (div);

// retour à Dom

retourner div;

}

// Créer une instance de contrôle

var statcsctrl = new staticControl ();

// Ajouter à la carte

Map.AddControl (StateCtCtrl);

fonction statistique () {

map.CenterandZoom (new BMAP.point (116.404, 39.915), 11);

}

Fonction Endstatics () {

map.setzoom (map.getZoom () - 2);

}

fonction setStatics () {

map.setzoom (map.getzoom () + 2)

}

</cript>

Le code ci-dessus est le contrôle personnalisé des cartes Baidu que j'utilise. J'espère que tout le monde pourra l'aimer.