CODEWITHSUNDEEP
google-maps
Elisabeth Sadler
Elisabeth Sadler

Reputation: 105

Is it possible to display a google map as a circle?

I have a design I'm coding up, and on the contact page the map is meant to be a circle. They'd like Google maps to be used.

Is there any way to achieve this?

Note: the main reason for wanting it to be a Google map is for SEO - Will it actually help rankings or is it safe to use an image?

Thank you

Upvotes: 2

Views: 2991

Answers (1)

Premshankar Tiwari
Premshankar Tiwari

Reputation: 3106

Its very simple..... you can create circular div...

here is the code...

CSS:

#yourDivId {
      width: 100px;
      height: 100px;
      border-radius: 999px;
      -moz-border-radius: 999px;
      -khtml-border-radius: 999px;
      -webkit-border-radius: 999px;
}

Javascript:

var map = new google.Maps.Map(document.getElementById("yourDivId"),mapOptions);

Upvotes: 1

Related Questions