How to display google map as image


  

Latitude = ‘21.53357’;
Longitude = ‘70.45404’;
Map Type = hybrid ( ROADMAP , SATELLITE ,HYBRID ,TERRAIN )
Markers Color : Purple
Markers Label : J
Map Size = 600×350 ( Widht * Height)
Zoom Level : 13

You can also set title on map

Below code is for display google map as image

  
<img src=”http://maps.google.com/maps/api/staticmap?center=21.53357,70.45404&zoom=13&markers=color:purple%7Clabel:J%7C21.53357,70.45404&size=600×350&maptype=hybrid&sensor=false&#8221; border=”1″ title=”Jainish Senjaliya” alt=”Jainish Senjaliya” />
  

Output : 

Jainish Senjaliya

  

If you want to set link of image and that is redirect to google map then you can use below code.

<a href=”https://maps.google.ch/maps?f=q&hl=en&q=Jainish Senjaliya @21.53357,70.45404&zoom=12&markers=size:small%12Ccolor:0xF35834%7C21.53357,70.45404&maptype=satelite&sensor=false&t=k&z=12&om=1&#8243; target=”_blank”> <img src=”http://maps.google.com/maps/api/staticmap?center=21.53357,70.45404&zoom=13&markers=color:purple%7Clabel:J%7C21.53357,70.45404&size=600×350&maptype=hybrid&sensor=false&#8221; border=”1″ title=”Jainish Senjaliya” alt=”Jainish Senjaliya” />
</a>
  

Output : 

Jainish Senjaliya

Advertisements

One thought on “How to display google map as image

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s