Google Maps API 3

CHAPTER 9 ■ DEALING WITH MASSIVE NUMBERS OF MARKERS
Creating the Markers
The next step is to create all of the markers. You’ll start by creating an array that will contain
them. Let’s call the array markers.
var mgr = new MarkerManager(map);
var markers = [];
You will use the same code as in the two previous examples for creating random markers but
change it a little bit. Instead of creating markers inside the current viewport, you’ll define the
boundaries within which the markers will be created as a square covering most of the United States.
Since you already know the boundaries, you don’t have to listen for the maps bounds_changed event but
can go straight to defining the boundaries and creating the markers (Figure 9-11).
var mgr = new MarkerManager(map);
var markers = [];
var southWest = new google.maps.LatLng(24, -126);
var northEast = new google.maps.LatLng(50, -60);
var lngSpan = northEast.lng() - southWest.lng();
var latSpan = northEast.lat() - southWest.lat();
Figure 9-11. The markers will be created within these boundaries covering most of the United States.
197