Navigation
Archive / How to make pins appear in google map ?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 21, 2016 at 3:11 am #1265052
    Edg-C1
    Participant

    Hi,

    The pin is not appearing in Google map on the home page. How to make pins appear in google map ?
    My site is http://babelle.uk

    Thanks.

    November 21, 2016 at 3:20 am #1265059
    Christopher
    Moderator

    Hi there,

    Did you add ‘Google API key’ to your map element?

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    November 21, 2016 at 3:57 am #1265102
    Edg-C1
    Participant
    This reply has been marked as private.
    November 21, 2016 at 4:24 am #1265137
    Lely
    Moderator

    Hi There,

    Thank you for the credentials.
    There is a JS error present on the page: Google Maps API error: MissingKeyMapError

    Please see this link for suggestions on how to fix it: https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error

    Hope this helps.

    November 21, 2016 at 4:56 am #1265181
    Edg-C1
    Participant
    This reply has been marked as private.
    November 21, 2016 at 5:24 am #1265212
    Edg-C1
    Participant
    This reply has been marked as private.
    November 21, 2016 at 7:26 am #1265356
    Joao
    Moderator

    Hi There,

    On each marker you create there is a transparent image selected to be used.

    Chose your own image or click on the image field of the marker so you can deselect the transparent placeholder and the standard of google will be used.

    I did on your first 3 as an example.

    Hope that helps

    Joao

    November 21, 2016 at 8:42 am #1265462
    Edg-C1
    Participant

    Thank you so much !
    However, how can I custom my pin ?

    Like this: https://www.crosstowndoughnuts.com/locations/

    November 21, 2016 at 8:57 am #1265487
    Joao
    Moderator

    Hi There,

    Did you try adding your own image there?

    I recommend you using the correct size around 50px x 50px or 40px x 40px

    Let us know how it goes,

    joao

    November 21, 2016 at 9:07 am #1265500
    Edg-C1
    Participant

    Yes but in .png the image is transparent so not visible, and in .jpeg the image appears but with a white rectangle..

    Thank you for the sizes

    November 21, 2016 at 9:11 am #1265502
    Joao
    Moderator

    Hi There,

    It seems it has worked.

    Let us know if you need further help.

    Joao

    November 21, 2016 at 9:15 am #1265510
    Edg-C1
    Participant

    That was an example of how I would like it to be on my website
    Thanks

    November 21, 2016 at 9:22 am #1265520
    Joao
    Moderator

    Hi There,

    PNG with transparent background also works.

    Have a look on your website.

    I just tested, unfortunately the image I have made has poor quality, you need to add your own with better quality.

    Hope that helps

    Joao

    November 21, 2016 at 10:11 am #1265591
    Edg-C1
    Participant

    Ok, I understand. Thank you so much for your help !

    Best

    Edg

    November 21, 2016 at 10:34 am #1265625
    Joao
    Moderator

    You are welcome 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1265052 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>