Javascript Girl
  1. Javascript Girl
  3. Supprimer l'info-bulle par défaut de la souris sur le marqueur dans les google-maps
Intereting Posts
Copiez tous les fichiers du répertoire vers un autre avec Grunt.js copy Exécutez une fonction spécifiée lorsque l'utilisateur ouvre un nouvel onglet dans Chromium Détection de la version iPad en JavaScript Javascript get function body Oninput dans IE9 ne déclenche pas lorsque nous atteignons BACKSPACE / DEL / do CUT Tourner la texture de la sphère Three.js Écrivez un cookie de style ASP (avec des clés) en utilisant Javascript; Lire en utilisant ASP classique Pourquoi est-ce que je vois un comportement de logique JavaScript inconséquent en boucle avec une alerte () vs sans elle? Accéder au service angulaire lorsque vous démarrez ou initialisez manuellement Jasmine se moque de méthodes enchaînées avec Karma et Angular Passer un js array à PHP Comment importer des js-modules dans le fichier TypeScript? Portée variable en fonction asynchrone IPhone connecté via USB n'apparaît pas dans OS X Safari 'Develop' menu après la mise à niveau vers iOS 7 Filtrer plusieurs lignes d'un CSV dans D3.js et mettre à jour le filtre sur l'entrée du clavier

Supprimer l'info-bulle par défaut de la souris sur le marqueur dans les google-maps

J'ai créé une application pour afficher une fenêtre contextuelle de la fenêtre d'information pour les marqueurs. L'application fonctionne bien et la fenêtre contextuelle s'affiche correctement, mais la seule solution est celle avec la fenêtre contextuelle personnalisée lorsque la souris est terminée, la fenêtre contextuelle par défaut avec la balise html est En montrant comme montré ci-dessous.

JSFiddle

Entrez la description de l'image ici

Quelqu'un peut-il me dire une solution pour cela?

Mon code est donné ci-dessous 

var infowindow = new google.maps.InfoWindow(); function point(name, lat, long) { var self = this; self.name = name; var marker = new google.maps.Marker({ position: new google.maps.LatLng(lat, long), title: name, map: map, draggable: true }); google.maps.event.addListener(marker, 'mouseover', function () { infowindow.setContent(marker.title); infowindow.open(map, marker); }.bind(this)); google.maps.event.addListener(marker, 'mouseout', function () { infowindow.close(); }.bind(this)); } var map = new google.maps.Map(document.getElementById('googleMap'), { zoom: 5, center: new google.maps.LatLng(55, 11), mapTypeId: google.maps.MapTypeId.ROADMAP }); var viewModel = { points: ko.observableArray([ new point('<div>Test1<br>Test5</div>', 55, 11), new point('Test2', 56, 12), new point('Test3', 57, 13)]) }; function addPoint() { console.log(viewModel.points().length); for (var i = 0; i < viewModel.points().length; i++) { console.log(i); console.log(viewModel.points().marker.title); } viewModel.points.push(new point('a', 58, 14)); } ko.applyBindings(viewModel);

Vous pouvez supprimer manuellement l'attribut de title élément sur mouseover .

Essayez de changer 

 google.maps.event.addListener(marker, 'mouseover', function () {

À 

 google.maps.event.addListener(marker, 'mouseover', function (e) { e.mb.target.removeAttribute('title');

JSFiddle Link

J'ai profité de ce fil en travaillant presque sur le même problème. Je peux obtenir l'API Google Maps pour afficher correctement les glyphes accentués européens dans l'affichage contextuel lorsqu'un marqueur est cliqué, mais la même chaîne de texte codée n'est pas correctement rendue sur mouseover.

Donc, après avoir examiné l'exemple de code utile dans JSFiddle, et n'ayant pas pu utiliser cette technique suggérée pour supprimer le texte du titre, il m'a finalement laissé comprendre ce que M.Upsidown proposait quand il pensait que nous pourrions simplement changer le nom de La propriété s'affiche comme titre. Je ne me suis pas rendu compte que la définition du «titre» de la propriété réservée était «le texte à afficher sur le plan rapproché». Ainsi, la solution la plus simple est d'utiliser une propriété telle que 'myTitle' dans la liste des options Marker. Quand il n'y a pas de propriété de titre, le survol devient un non-événement.