Comments for Web International Awards

Comment on Build a POI map using jQuery & Google Maps v3 (revised) by Bogdan Pop

Bogdan Pop — Thu, 02 Feb 2012 20:09:04 +0000

Really sorry about the delay Chungwufei.

Do you mean add POIs based on search?

Yes it is possible, you may as well copy / paste the code from Google and then work with it.

If you’re asking if the POI map on Webia has a geolocation search feature, no it doesn’t have.

Comment on Build a POI map using jQuery & Google Maps v3 (revised) by chungwufei

chungwufei — Sun, 15 Jan 2012 15:55:29 +0000

anyway… thanks in advance… God Bless…

Comment on Build a POI map using jQuery & Google Maps v3 (revised) by chungwufei

chungwufei — Sun, 15 Jan 2012 15:54:28 +0000

hello bogdan… i want to ask for your help. is it possible like the example here?

http://gmaps-samples.googlecode.com/svn/trunk/geocoder/singlegeocode.html

i want to know the long and lat as i click on the marker.

Comment on Build a POI map using jQuery & Google Maps v3 (revised) by Bogdan Pop

Bogdan Pop — Fri, 14 Oct 2011 08:20:28 +0000

On click events work fine (http://twitpic.com/701i6y) .

Danforth won’t show up on the map because the script tracks all added markers against duplicates (previously declared markers). For some reasons, the marker is added on page load but is not displayed on the map, and that’s why when you click on it it won’t show up as the rest because it is currently considered to be visible.

I think the problem is you initialize the map on the toggle event, every time. Try initializing the map once and then just toggle the height of the element that wraps it, instead of reinitializing the map.

Comment on Build a POI map using jQuery & Google Maps v3 (revised) by Mike B

Mike B — Thu, 13 Oct 2011 15:36:50 +0000

Hi Bogdan,

Thank you once again. That certainly solved the confusion. However, it didn’t work.

Here’s the application I’m building:
http://t-zonevibration.com/expandable_store_locator/

In short, I want ALL the locations in the side-bar to automatically show up on the map – red markers – once the application loads.

I added the snippet of code you provided above, and set up the coordinates for the first store location (Danforth), however no red markers automatically appear and if you click the Danforth store in the side-bar, the red marker won’t even show up on the map now.

Could you kindly look at the code when you get a free minute and see where the issue is?

Thanks in advance,
M

Comment on Build a POI map using jQuery & Google Maps v3 (revised) by Bogdan Pop

Bogdan Pop — Wed, 12 Oct 2011 20:23:21 +0000

Try addMarker( new google.maps.LatLng( 23.952162,-13.867187 ), ‘title here’, ‘

some content here

’);

Comment on Build a POI map using jQuery & Google Maps v3 (revised) by Mike B

Mike B — Wed, 12 Oct 2011 15:15:36 +0000

Hi Bogdan,

Thanks for taking the time to try and help me figure this out. The links you provided are even more confusing for me – and any other that are likely reading this tutorial (as we’re just learning).

I under the last two elements with the “addMarker()”, but I have NO idea what the links mean and how to set up the coordinates.

Would you mind doing an example with one of the locations used in this tutorial? Nothing seems to work when I try?

Sorry for the annoyance. But once I/we see an example, I’m sure we’ll be like, “Aghh, I know see!”. :)

I’m being forced/asked for this feature and the project i”m doing is delayed so any help would be greatly appreciated.

Cheers,
Mike

Comment on Build a POI map using jQuery & Google Maps v3 (revised) by Bogdan Pop

Bogdan Pop — Wed, 12 Oct 2011 08:44:04 +0000

Hi Mike,

title_text and infowindow_content are html or raw text strings. The title will be the title of the marker (shown when you hover it on the map) while the infowindow contents is the info displayed in the white bubble that appears when you click the marker.

The GooglePositionObject is actually a LatLng class in Google maps API, sorry for the confusion (http://code.google.com/apis/maps/documentation/javascript/reference.html#LatLng)

Here’s the marker reference page http://code.google.com/apis/maps/documentation/javascript/reference.html#Marker

Comment on Build a POI map using jQuery & Google Maps v3 (revised) by Mike B

Mike B — Tue, 11 Oct 2011 18:32:21 +0000

Thanks Bogdan! This is what I was looking for. HOWEVER, as a newbie, I’m not sure how to format the “addmarker”…

What do I replace the bracketed cxontent with? I.e (GooglePositionObject,title_text,infowindow_content);

I’m quite confused by this. Could you give me an example based on one of the locations you used in your example? I tried replacing “GooglePositionObject with the latitude coordinates, but that didn’t work.

Any help would be greatly appreciated!

Comment on Build a POI map using jQuery & Google Maps v3 (revised) by Bogdan Pop

Bogdan Pop — Tue, 11 Oct 2011 10:16:47 +0000

Hi Mike, sorry for the delay.

In the original article you have the standard calls for the map behavior in the js file.

At the end of it, you will find the following:

$(document).ready(function(){
if($(‘#map’).get(0))
{ // only initialize the map if map is located inside the page
map = InitMap(null,’map’, centerCoord, true); // initialize the map on default location
handle_clicks(); // click events handling by jQuery
}
});

After the first closing bracket (the one from the if statement) add any new markers as you want.

addMarker(GooglePositionObject,title_text,infowindow_content);

It should look like:
$(document).ready(function(){
if($(‘#map’).get(0))
{ // only initialize the map if map is located inside the page
map = InitMap(null,’map’, centerCoord, true); // initialize the map on default location
handle_clicks(); // click events handling by jQuery
}
addMarker(GooglePositionObject,title_text,infowindow_content);
});