CODEWITHSUNDEEP
javascriptgoogle-maps
James
James

Reputation: 141

Why is my google maps marker not showing up?

My google maps marker isnt showing up. I'm trying to just have a picture of a face as a marker. I can work my own images from there, but I cant get the image of a face to show. The mouseover changes, but the image doesnt show. (Its set on Sydney Australia) 

function initMap() {
        var onefivethree = {lat: 53.945574, lng: -1.179075};
        var onefiveone = {lat: 54.958674, lng: -1.169075};
        var Abs1 =   {lat: 51.9583289,  lng: -1.1750136000000566};
        var Abs2 =   {lat: 52.9658919,  lng: -1.153685600000017};

        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 15,
          center: onefivethree
        });

        var marker = new google.maps.Marker({
          position: onefivethree,
          map: map
        });
        var marker2 = new google.maps.Marker({
          position: onefiveone,
          map: map
        });
        var marker3 = new google.maps.Marker({
          position: Abs1,
          map: map,
          //icon: Absimage1
        });
        var marker4 = new google.maps.Marker({
          position: Abs2,
          map: map,
          //icon: Absimage2
        });
        var image = 'https://drive.google.com/open?id=1YtVQYXvFwA4C76WawNBRy2bdKK_KdrkU';
        var beachMarker = new google.maps.Marker({
         position: {lat: -33.890, lng: 151.274},
         map: map,
         icon: image
        });
      }

The last marker; beachMarker is the one that should just be a image of a random face!

Thanks

EDIT - Extra code

        var marker4 = new google.maps.Marker({
          position: Abs2,
          map: map,
          icon: 'Capture3.jpg'
        });

Upvotes: 0

Views: 2187

Answers (1)

devlin carnate
devlin carnate

Reputation: 8622

You need to use a link to an image.

var image = 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png';
        var beachMarker = new google.maps.Marker({
         position: {lat: -33.890, lng: 151.274},
         map: map,
         icon: image
        });

Upvotes: 1

Related Questions