Google Map Markers

[Pat Bremkamp]

I have a page that contains an html table (not a component) with multiple projects with lattitude and longitude coordinates and a google map. I'm trying to put markers on the map for each project. The google maps API V3 examples got me to this point:

<script type="text/javascript" src="xxxxx"></script>
<script type="text/javascript">
function mapInitialize() {
var myLatLng = new google.maps.LatLng( <%a5 ?SESSION.LATITUDE %>, <%a5 ?SESSION.LONGITUDE %> );
var myOptions = { zoom: 10, center: myLatLng, mapTypeId: google.maps.MapTypeId.ROADMAP };
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({ position: myLatLng, map: map, title:"<%a5 ?SESSION.LOC_TITLE %>" });
}
</script>

which creates the folloing map, which is a bit sparse

screen1.jpg

The marker shown is the starting point. Now, I want to add a marker for each project and a title on each marker. Can't find an example that shows more than one marker.
Can someone help with the API code?

Thanks,

[Pat Bremkamp]

Re: Google Map Markers

I've made a little more progress. The problem is still getting the multiple markers to work. I coppied this, best I could with my limited JavaScript skills from the Google web site, but the map does not render. Could be the logic or it could be the punctuation...just don't know.

Any suggestions?

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyD-Su1T4ae9B1kPxJ5FYzv4iyWYJ69tAKI&sensor=false"></script>
<script type="text/javascript">
function mapInitialize() {
var myLatLng = new google.maps.LatLng( <%a5 ?SESSION.LATITUDE %>, <%a5 ?SESSION.LONGITUDE %> );
var myOptions = { zoom: 10, center: myLatLng, mapTypeId: google.maps.MapTypeId.ROADMAP };
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
setMarkers(map, sites);
}

var sites = [[]
[[]'1', 52.73969671, 113.65635838, 57, 'images/markerN_black01.png.a5image'],
[[]'2', 53.90837854, 113.06035448, 56, 'images/markerN_black02.png.a5image'],
[[]'3', 53.85741781, 112.81563178, 55, 'images/markerN_black03.png.a5image'],
[[]'4', 53.85741781, 112.81563178, 54, 'images/markerN_black04.png.a5image'],
[[]'5', 52.39141943, 114.00791120, 53, 'images/markerN_black05.png.a5image'],
[[]'6', 52.39141943, 114.00791120, 52, 'images/markerN_black06.png.a5image'],
[[]'7', 52.11215850, 113.79755056, 51, 'images/markerN_black07.png.a5image'],
[[]'8', 52.20283255, 115.10080700, 50, 'images/markerN_black08.png.a5image']
];

function setMarkers(map, locations) {
for (var i = 0; i < locations.length; i++) {
var site = locations[[]i];
var myLatLng = new google.maps.LatLng(site[[]1], site[[]2]);
var myImage = new google.maps.MarkerImage(site[[]4]);
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: myImage,
title: site[[]0],
zIndex: site[[]3]
});
</script>

[Keith Hubert]

Re: Google Map Markers

Hi Pat,

If you have not seen the videos Selwyn did re map markers, view them here

[Pat Bremkamp]

Re: Google Map Markers

Thanks, Kieth.

My fallback position if I can't get this to work is to save the values into a temporary MySQL table, create a grid based on those values, then create the "alternate view" to show the map and markers. Seems like a lot of extra work when I'm already ( I think) so close. But, I do recognize that the key in this business is usually to find something that works, not necessarily what you want to work.

[Pat Bremkamp]

Re: Google Map Markers

Well, I finally got it working. One of my issues was I had the zoom set too high and the markers i was looking for were all off the page. So, at some point it started working but i didn't know it! Duh!

screen1.jpg

[billamidon]

Re: Google Map Markers

This was fixed in Jan 20th version - as promised by Selwyn !
Thanks Alpha5

[billamidon]

Re: Google Map Markers

I was waiting for this per:
http://msgboard.alphasoftware.com/al...ize-amp-submit

[peteconway]

Re: Google Map Markers

Yes - but what you don't know was how hard it was to get it done. You never know the source of an idea, or how persistent someone has been, to make it happen - I encourage people to be persistent, as you can see in my case it happened.. - but I was reminded that writing the code was a better way - NOT.

[Pat Bremkamp]

Re: Google Map Markers

Thanks for mentioning that, Bill, however as Pete said, I wasn't using the Alpha alternate view. If I was starting from scratch today, I probably would have.

In fact, the only component in the page is a small legacy dialog to choose the center point. Perhaps I could have done it all with components, but in this case the task was:

1. Find all jobs needing inspection
2. Convert location from the Canadian LSD system to latitude and longitude
3. Calculate the distance from a chosen point to each job site
4. Sort from nearest to furthest
5. Display in an html table
6. Show each point (at least the first 99, 'cause that's how many black markers Alpha provides) on a google map centered on the chosen point with the job number as a tool tip.

I'd already done 1 through 5, and didn't want to go back and try to put all that in components. Plus, I looked at the code that Alpha produces. It's a lot because they are trying to accomodate everything that someone might want. I just needed a small subset of that, so, I stubbornly refused to start over!

Also, it was a good learning experience.

[Ken Tjia]

Re: Google Map Markers

Hi Peter & Pat,
I am familiar with Alternative view and have done several test sample.
In all my cases, the map point data supplied/related to the grid's data.

Suppose i have 5 addresses or 5 dots on the alternate view map.

How do i coded my current gps locations as the 6th dot on the map.

that is assuming we follow Video # 40 and can assume that i manage
to place my coordinates into session.variables latitude/longitude.

i deeply appreciate your feedback.

Thanks

Ken Tjia