Google Map bookmarks

I have a background with opacity .5 over my map. I would like to know if you have placement markers above this background, or if you have a better way to do this (without having absolute position):

ThisistheproblemI'mhaving:

ThisismyJS:

functionmyMap(){varpin='Content/img/local.png';varmapProp={center:newgoogle.maps.LatLng(-30.3372663,-50.8609875),zoom:7,scrollwheel:false,motionTracking:false};varmap=newgoogle.maps.Map(document.getElementById("map"),mapProp);

    var poa = new google.maps.Marker({
        map: map,
        draggable: true,
        animation: google.maps.Animation.DROP,
        position: {lat: -30.0551953, lng: -51.2015547},
        icon: pin,

    });

    var ev = new google.maps.Marker({
        map: map,
        draggable: true,
        animation: google.maps.Animation.DROP,
        position: {lat: -29.649637, lng: -51.173016},
        icon: pin
    });
    var rg = new google.maps.Marker({
        map: map,
        draggable: true,
        animation: google.maps.Animation.DROP,
        position: {lat: -32.0323527, lng: -52.0969908},
        icon: pin
    });
}