Avatar billede klaus_a Nybegynder
01. juli 2015 - 10:37

Google maps-script virker ikke helt

Hej,

Jeg benytter dette JS til at vise positioner på et google-kort:

Det virker fint, når man klikker på dråben.
Problemet er at når jeg fører musen over dråberne, så vises tekst og html-kode + ascii. Hvordan undgår jeg dette?

Venlig hilsen
Klaus

function initializeMap() {
  var locations = [
    ['<b>Firma<sup>®</sup></b><br>Møllevej 123<br>DK-2222 Mølle<br>Tel.:+45 1234 5678<br>Mail:info@mollesten.com', 55.315615, 11.376579],
    ['<b>Firma22<sup>®</sup></b><br>Møllevej 999<br>DK-2222 Mølle<br>Tel.:+45 1234 5678<br>Mail:info@mollesten.com', 54.315615, 11.456579]
  ];

  var lat = '55.315615';
  var lon = '11.376579';
  var contentString = 'YxYX';
  var centerLon = lon - 0.0105;
  var myOptions = {
    scrollwheel: false,
    draggable: false,
    disableDefaultUI: true,
    center: new google.maps.LatLng(lat, centerLon),
    zoom: 7,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  //Bind map to elemet with id map-canvas
  var map = new google.maps.Map(document.getElementById('map-canvas'), myOptions);
  var marker = new google.maps.Marker({
    map: map,
    position: new google.maps.LatLng(lat, lon),
    title: 'xxx xxx'
  });

  var infowindowW = new google.maps.InfoWindow({
    content: contentString
  });

  google.maps.event.addListener(marker, 'click', function() {
    infowindowW.open(map, marker);
  });

  infowindowW.open(map, marker);

  var myOptions2 = {
    scrollwheel: false,
    draggable: false,
    disableDefaultUI: false,
    center: new google.maps.LatLng(55.315615, 11.376579),
    zoom: 7,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };


  var map2 = new google.maps.Map(document.getElementById('map-canvas'), myOptions2);
  var i;
  for (i = 0; i < locations.length; i++) {
    var marker2 = new google.maps.Marker({
      position: new google.maps.LatLng(locations[i][1], locations[i][2]),
      map: map2,
      title: locations[i][0]
    });

    var infowindow2 = new google.maps.InfoWindow({
      content: locations[i][0]
    });

    google.maps.event.addListener(marker2, 'click', (function(marker2, i) {
      return function() {
        infowindow2.setContent(locations[i][0]);
        infowindow2.open(map2, marker2);
      };
    })(marker2, i));
  }
}
google.maps.event.addDomListener(window, 'load', initializeMap);

--
plus dette google-script: <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false&callback=initializeMap"></script>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester