That doesn’t seem entirely efficient to me as I’m assuming that markers that are not visible in the map area at a given zoom level (i.e. they’re off screen) are still using resources. I guess I’ll have to persevere with MarkerManager in order to address this; assuming the map renderer doesn’t handle it?

I have one question that I haven’t seen addressed anywhere yet: Roughly how many markers can the system handle/display at any one time? From the MarkerManager documentation it sounds like it might be up to 200… Are there any recommended limits we should stick to?

I’m still at the research stage and don’t know how much data I’m going to be working with, so just want some idea of how lazy I can be with optimisation

Mike: After experimenting a bit I found that the property clickable needs to be set to true in order for the title to work.


So shouldn’t it be changed to “clickable” in the instructions?

Wayne Sallee
Wayne@WayneSallee.com

var map = new google.maps.Map(element, options);
var marker = {};

function addMarker(title, lat, lng) {
var m = new google.maps.Marker({
position: new google.maps.LatLng(lat, lng),
map: map,
title: title
});

marker.push(m);
}

function clearMarks() {
while(m = marker.pop()) {
m.setMap(null);
}
}

How can i remove the markers from map in api 3.Because i have marker overloading problems..please help..

please, give me an advice in V3.

I would like to specify a zoom level, which the marker start to be displayed with.

There was no problem to do that in version 2.
I did that with

mm = new GMarkerManager(map, {borderPadding:1});
…
mm.addMarker(marker,2,17);

How do that in V3 ?

However the default markers are just A and B. I need control over these labels. Any help would be much appreciated?

I don’t know of any good tutorial on this for v3 but I’ve just finished a chapter on how to do this using the MarkerManager for my upcoming book. So if you can wait until August you’ll find a tutorial right there. Other than that you can check out the examples in the documentation for MarkerManager.

great Tutorial very clear and simple,

but i’ve a question, what do you think is the best option do manage a large amount of markers in v3? Can I still use the markermanager or work with xml files?

And i need to have categories and different zoom levels on my map but i can’t find a helpful tutorial do you have any tips for me?

Thanks a lot

Basti

Great articles you have provided.

I am experimenting with adding a tooltip as described but unfortunately it doesn’t appear.
Is there something wrong with my code ?

Thanks Mike

function initialize() {
var latlng = new google.maps.LatLng(15.6256915, 73.7344704);
var options = {
zoom: 15,
center: latlng,
mapTypeId: google.maps.MapTypeId.HYBRID
};
var map = new google.maps.Map(document.getElementById(‘map’), options);

var marker = new google.maps.Marker({
position: new google.maps.LatLng(15.6191105, 73.7351704),
map: map
});
var marker = new google.maps.Marker({
position: new google.maps.LatLng(15.6188521, 73.7347090),
map: map,
title: ‘My workplace’,
clickable: false,
icon: ‘http://google-maps-icons.googlecode.com/files/factory.png’
});

}

In “my maps” there is an option to display places of interest and then to choose which types of location (coffee shop, gas station, etc) to pinpoint on the map.

Is there any way of doing this in either V2 or V3? I couldn’t see it when I looked through the docs (but then there are a lot of docs to read). I would find this very useful as our users who have holiday properties to rent could simply enter lat/long of their location into our db and other users (wanting to rent) could see where these kinds of things are.

Hmmm, “simply”? Is there an API for searching by location, centering the map on an address, clicking on a button and getting an event with lat/long of the map centre?

Is is possible to put miltiple and different markers on a google maps ?? I want to be able to place different markers (like the logo of the company) on the map; every company has a different logo and I want to be able to look at them easily.

Thanks !

Gilles

See the Google Maps API v3 forum for an example on how to do this.

Sandro: MapIconMaker is currently not available for v3 but I know that at least one person is thinking about porting it to v3. Unfortunately there’s no native way of changing colors or size of the icons in v3 either.

Check out the thread about MapIconMaker in the Google Maps API v3 forum.

Thanks in advance,

Sandro Franchi.

Nice article. So far, I haven’t been able to find any API calls in v3 to duplicate the map.clearOverlays() function in v2. Are you aware of any way to remove markers?

Thanks,
David

I haven’t seen any examples using ASP.NET 3.5 but that shouldn’t make any difference.

Make sure that you have dimensions set for the containing element of the map. In my examples it’s called <div id="map"></div>. Set its dimensions in your stylesheet like this:

#map {
  width: 600px;
  height: 400px;
}

If that’s not the problem, post a link and I will try to take a quick look at it.

Nice articles on API 3. Have you come across any examples of using API 3 with ASP.NET 3.5? The sample javascript executes without errors but nothing is displayed. The HTML examples work OK and as far as I can see the ASP.NET renders the HTML in the same way.

I don’t want to bother you unnecessarily but I can post some examples if you’re interested.

Many thanks

Andy

I am trying to incrust text (API v3) in the marks example, will be welcome any suggestions that you could give me in this topic.

And congratulations for this tutorial so practical and easy to deal

In advance thank you,

Regards.

Assuming that myPositions is an array containing LatLng objects this is how it’s done:

// Create a LatLngBounds object
var bounds = new google.maps.LatLngBounds();

for (var i = 0; i < myPositions.lenght; i++) {
  // Insert code to add marker to map here

  // Extend the LatLngBound object
  bounds.extend(myPositions[i]);
}
map.fitBounds(bounds);

I hope that helps! ]]> http://www.svennerberg.com/2009/07/google-maps-api-3-markers/comment-page-1/#comment-9118 Than Polas Tue, 20 Oct 2009 13:39:00 +0000 http://www.svennerberg.com/?p=2115#comment-9118 Hello Gabriel, Do you have a solution for v3 to automatically adjust the zoom level so that it includes all the markers displayed? e.g. i have multiple markers scattered on a map and i have to decide which zoom level to use... how can i do that in v3? Thankyou Hello Gabriel,
Do you have a solution for v3 to automatically adjust the zoom level so that it includes all the markers displayed?

e.g. i have multiple markers scattered on a map and i have to decide which zoom level to use… how can i do that in v3?

Thankyou


marker1 = new google.maps.Marker({ position: latlng1, map: myMap, title:'wdw' });
marker2 = new google.maps.Marker({ position: latlng2, map: myMap, title:'wdw' });


My site is focused on New England vineyards – I am trying to raise awareness and get people to visit them. The maps are very important, and with your help Gabriel, I can now put tooltips and other options.

As a graphic designer being able to follow your examples is great!
– Nancy

Lorenzo