Maison > interface Web > js tutoriel > Ajouter le processus d'attention de sélection des coordonnées de la carte Baidu dans jquery boxy_jquery

Ajouter le processus d'attention de sélection des coordonnées de la carte Baidu dans jquery boxy_jquery

WBOY
Libérer: 2016-05-16 16:53:35
original
1308 Les gens l'ont consulté

En tant que débutant en développement, cette chose n'est utilisée que comme sauvegarde personnelle. Ce serait bien si cela pouvait aider (j'utilise php pour le développement, mais c'est du js, ce qui n'a pas beaucoup d'impact)

A quelques problèmes doivent être expliqués ici :

1. La balise "script" ne peut pas apparaître dans la page appelée par boxy, sinon elle ne peut pas être affichée

2. Lors de l'appel de boxy, faites attention au. processus. Vous devez d'abord charger boxy, puis restituer la carte. Dans la page boxy

3. Le js de chargement de la carte Baidu doit être placé dans la page où le boxy apparaît

Notez le processus : la page boxy est en fait une page distincte et utilise simplement $.get en ajax ('/index.php?r=comm/map_coordonnée', function(data){} méthode pour appeler la page

clé trigger js comme suit :

Copiez le code Le code est le suivant :

(function( ){
$(document).ready(function() {

$( "#Mechine_mec_points").click(function(){

__MC.Map_coordination.getcorrdinate();

});
});

__MC.Map_coordonnée = {
getcorridate:function(){

$.get('/index.php ?r=comm/map_coordonnée', function(data){ //Appelle la page correspondant à boxy, et la page le fera. Il n'y a qu'un seul div avec id=allmap



new Boxy( data,{ //Le js de Baidu Map AIP a été chargé en dehors de
'title':'Map coordinate picking',
'modal':true,
'draggable':false,
' unloadOnHide' : true,
'afterShow' : function(){


var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point( 106.566872, 29.536861), 17);
map.enableScrollWheelZoom(); //Activer le zoom avec la molette de défilement, désactivé par défaut
map.enableContinuousZoom( //Activer le glissement inertiel de la carte, désactivé par défaut
fonction); showInfo(e){
$("#Mechine_mec_points").val(e.point.lng ", " e.point .lat
}
map.addEventListener("click", showInfo); ;

}//l'après-spectacle se termine
});

return false
}); ();

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal