Question

I’m loading a kml in a map from google using a code like this:

var myOptions = {
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
var kmlLayer = new google.maps.KmlLayer('https://maps.google.com/maps/ms?authuser=0&vps=2&ie=UTF8&msa=0&output=kml&msid=209879288832578501414.0004c52d678cf88f70685');
kmlLayer.setMap(map);

The problem is the link into the popup, kml adds target="_blank" and I don’t want it.

How I can remove it using javascript? I found this answer but it doesn’t work in the API 3. I prefer not to use jQuery.

Answer 1

With @geocodezip‘s comments I got a solution. It isn’t perfect, the InfoWindow begins at the foot of the marker rather of the head but is something.

var infoWindow;
var map;

function initialize() {
    var myOptions = {
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

    var opts = {suppressInfoWindows: true};
    var kmlLayer = new google.maps.KmlLayer('https://maps.google.com/maps/ms?authuser=0&vps=2&ie=UTF8&msa=0&output=kml&msid=209879288832578501414.0004c52d678cf88f70685', opts);
    kmlLayer.setMap(map);

    infoWindow = new google.maps.InfoWindow();

    google.maps.event.addListener(kmlLayer, 'click', function(kmlMouseEvent) {
        var name = kmlMouseEvent.featureData.name;
        var descr = kmlMouseEvent.featureData.description.replace(/ target="_blank"/ig, '');
        var dom = '<div style="font-family: Arial, sans-serif; font-size: small">' +
            '<div style="font-weight: bold; font-size: medium; margin-bottom: 0em">' +
            name +
            '</div>' +
            '<div>' +
            descr +
            '</div>' +
            '</div>';
        infoWindow.setContent(dom);
        infoWindow.setPosition(kmlMouseEvent.latLng);
        infoWindow.open(map);
    });
}