Mapping google maps coordinate from a javascript variable

Question

I can successfully generate a google map with the code below:

var myLatlng = new google.maps.LatLng(37.77493, -122.419415);
var myOptions = {
    zoom: 15,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

However when I try to do it with the block of code below (storing the coordinate in a variable). The map comes up as all blue, with or with out the replace function.

var coordinate = "37.77493,-122.419415";
coordinate = coordinate.replace('"','');
var myLatlng = new google.maps.LatLng(coordinate);
var myOptions = {
    zoom: 15,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

Can anyone tell me what's going wrong?

What are you trying to do? The google.maps.LatLng constructor takes two numbers (like your first example), not a string (like the code that doesn't work). Where do those two numbers come from? — geocodezip
– geocodezip, Commented May 10, 2013 at 21:43

dm03514 · Accepted Answer · 2013-05-10 21:36:13Z

3

It looks like LatLng constructor takes two numbers not a string

var coordinates = "37.77493,-122.419415".split(',');
var myLatlng = new google.maps.LatLng(coordinates[0], coordinates[1]);

answered May 10, 2013 at 21:36

dm03514

56.2k18 gold badges117 silver badges147 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mehmet Over a year ago

I edited code and solution is same with you :) Is this a joke :)

Collectives™ on Stack Overflow

Mapping google maps coordinate from a javascript variable

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related