Add marker to center of static google map - google-maps

Question

It is very simple to create a google map and center on a given location (see below). It is also similarity simple to create a google map and show markers on it by doing something like markers=color:blue%7Clabel:S%7C11211%7C11206%7C11222.
How would I just create a simple centered map like the below, but add a single marker in the very center? Thanks
<img alt="Map" src="http://maps.google.com/maps/api/staticmap?center=+AUBURN+WA+98001&zoom=14&size=400x400&sensor=false">

Answer 1

I guess that the map automatically will fit to show the specified markers,
here you will find
Marker Locations
Each marker descriptor must contain a set of one or more locations
defining where to place the marker on the map. These locations may be
either specified as latitude/longitude values or as addresses. These
locations are separated using the pipe character (|).
The location parameters define the marker's location on the map. If
the location is off the map, that marker will not appear in the
constructed image provided that center and zoom parameters are
supplied. However, if these parameters are not supplied, the Static
Map server will automatically construct an image which contains the
supplied markers. (See Implicit Positioning below.)

Answer 2

You could also add your own centered background image ontop if the map :)
background: url('yourmarker.png' ) center no-repeat, url(http://maps.google.com/maps/api/staticmap?center=AUBURN+WA+98001&zoom=14&amp&size=400x400);

Answer 3

here i am giving the code in step by step
NSString *strLat = [NSString stringWithFormat:#"%f",_message.latitude];
NSString *strLong = [NSString stringWithFormat:#"%f",_message.longitude];
NSString *strURL = [NSString stringWithFormat:#"%#center=%#,%#&zoom=15&size=200x200&markers=color:red%%7Clabel:C%%7C%#,%#&key=%#",https://maps.googleapis.com/maps/api/staticmap?,strLat,strLong,strLat,strLong,GOOGLE_API_BROWSER_KEY];
NSLog(#"strURL %#",strURL);
strURL = [strURL stringByReplacingOccurrencesOfString:#"%%" withString:#"%"];
now you have a image url

Answer 4

Google Static Maps Reference For Addresses:
https://developers.google.com/maps/documentation/maps-static/dev-guide#Addresses
Here's a JavaScript function that I've used recently to do this. The addressElements parameter passed to the function is an array of address elements e.g. ['10 Main St', 'Brownsville', 'MS', '27123', 'USA'].
You can see that I've commented out the center and zoom properties as you don't need those when you define a marker. To remove the marker, just uncomment those two lines and comment out the markers line.
You can obviously construct this image yourself, but I used the URLSearchParams to simplify parameter creation and have them URL encoded automagically.
function getGoogleMapsImage(addressElements) {
var image = Nucleus.element('img');
image.width = '256';
image.height = '256';
var joined = addressElements.join(',');
var params = new URLSearchParams();
//params.append('center', joined);
//params.append('zoom', '15');
params.append('size', '256x256');
params.append('maptype', 'roadmap');
params.append('key', 'YOUR_API_KEY_HERE');
params.append('markers', 'color:red|label:C|' + joined);
var url = 'https://maps.googleapis.com/maps/api/staticmap?' + params.toString();
image.src = url;
return image;
}