On Saturday, June 22, 2013 9:39:52 AM UTC-7, Gecko Inked wrote:
>
> Hi there,
>
> I am a grade 11 student doing a school project, and have hit a bump in the
> road, I am new to JavaScript (although I have a solid background in HTML 5,
> CSS 3, PHP, MySQL, and Java).
>
> My objective is to plot multiple places on a map (using the google maps
> api) using the data from a multi-dimensional array.
>
> I used this code to set a marker (the code is from w3schools):
>
> var myCenter=new google.maps.LatLng(51.508742,-0.120850);
>>
>
>
> var marker = new google.maps.Marker({
>
> position: myCenter,
>
> });
>
>
> now normally I would just type that out to set a marker, but what if I am
> working with 2000 markers ??
> the goal is to pull the info from a database at the end, but thats
> stepping to far ahead.
>
> For now I want to put the data into a multi dimensional array in PHP I
> have:
> this
>
> $coords = array(
>> 'place1' => array('name'=> "placename1", 'lat'=> "51.025", 'long'=>
>> -0.12085),
>> 'place2' => array('name'=> "placename2", 'lat'=> 52.025, 'long'=>
>> -0.13085),
>> 'place3' => array('name'=> "placename3", 'lat'=> 53.025, 'long'=>
>> -0.14085),
>> 'place4' => array('name'=> "placename4", 'lat'=> 54.025, 'long'=>
>> -0.15085),
>> 'place5' => array('name'=> "placename5", 'lat'=> 55.025, 'long'=>
>> -0.16085)
>> );
>
>
> How would I do the above code, in Javascript?
>
> and then how do I get it into the Marker code, instead of writing a
> 'marker' code for every place, ie:
>
> var myCenter=new
>> google.maps.LatLng($coords['place1']['lat'],$coords['place1']['long']);
>>
>
>
> var marker = new google.maps.Marker({
>
> position: myCenter,
>
> });
>
>
> How can I then (in JavaScript code) create a loop that does the code
> automatically to set each place in the array?
>
>
>
> I have done this in PHP:
> My idea in PHP was to create the array:
>
>
>
> $coords = array(
>
> 'place1' => array('name'=> "placename1", 'lat'=> "51.025", 'long'=>
>> -0.12085),
>
> 'place2' => array('name'=> "placename2", 'lat'=> 52.025, 'long'=>
>> -0.13085),
>
> 'place3' => array('name'=> "placename3", 'lat'=> 53.025, 'long'=>
>> -0.14085),
>
> 'place4' => array('name'=> "placename4", 'lat'=> 54.025, 'long'=>
>> -0.15085),
>
> 'place5' => array('name'=> "placename5", 'lat'=> 55.025, 'long'=> -0.16085)
>
> );
>
>
> and then used a foreach loop to iterate over the array, creating the
> marker code in JavaScript:
>
>
>
> $num = 1;
>
>
>
> foreach($coords as $key){
>
> echo "
>
> var marker" . $num ."=new google.maps.Marker({
>
> position: google.maps.LatLng(" . $key['lat'] . ", " . $key['long'] . "),
>
> });
>
>
>> marker" . $num .".setMap(map);
>
> ";
>
> $num++;
>
> }
>
>
> I cannot run this PHP script inside of a web page, as then it just outputs
> the code on to the screen (the javascript code):
>
> var marker1=new google.maps.Marker({ position: google.maps.LatLng(51.025,
>> -0.12085), }); marker1.setMap(map); var marker2=new google.maps.Marker({
>> position: google.maps.LatLng(52.025, -0.13085), }); marker2.setMap(map);
>> var marker3=new google.maps.Marker({ position: google.maps.LatLng(53.025,
>> -0.14085), }); marker3.setMap(map); var marker4=new google.maps.Marker({
>> position: google.maps.LatLng(54.025, -0.15085), }); marker4.setMap(map);
>> var marker5=new google.maps.Marker({ position: google.maps.LatLng(55.025,
>> -0.16085), }); marker5.setMap(map);
>
>
> So I know the script works, but it will not actually make it into
> javascript code (I have tried echoing out <script></script> tags around it.
>
> So I need to be able to do this in JavaScript alone.
>
> Please would someone help me! I have searched for ages, and need it ASAP.
>
> Quick notes on what needs to be done:
>
> - Multidimensional array with the place name and its Latitude and
> Longitude coordinates
> - Google maps api set up in a web page
> - Set the markers on the map using the info from the array by means of
> a loop
>
>
Have you seen the answer to this question on StackOverflow?
http://stackoverflow.com/questions/3059044/google-maps-js-api-v3-simple-multiple-marker-example/3059129#3059129
> Thank you in advance,
> Josh.
>
--
You received this message because you are subscribed to the Google Groups
"Google Maps API V2" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-maps-api+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
