I'm just a baby getting started with all this, but from my limited knowledge, I'm curious why you're adding a second kml layer with the points, instead of just adding the points. That may or may not fix your issue. I am seeing the same issue as you describe, you have to carefully click the very top of the marker to get it to pop up with the correct values associated with the marker. Perhaps you can also set the clickable area of the marker. See this sample from google:
http://code.google.com/apis/maps/documentation/v3/examples/icon-complex.html [[[NOTE: for some reason a bunch of the Google samples are no longer coming up! no idea why. The one I am referring to above is located at: http://code.google.com/apis/maps/documentation/javascript/demogallery.html Click through to "Complex Icon" on the samples. It may or may not come up for you. I will post a piece of the code below]]] On this sample there is a section where they set the area around the icon that is clickable. var markers = []; var image = new google.maps.MarkerImage('http:// www.stlucie.k12.fl.us/images/school.png', // This marker is 20 pixels wide by 32 pixels tall. new google.maps.Size(21, 30), // The origin for this image is 0,0. new google.maps.Point(0,0), // The anchor for this image is the base of the flagpole at 0,32. new google.maps.Point(0, 32)); var home = new google.maps.MarkerImage('http://www.stlucie.k12.fl.us/ images/home.png', // This marker is 20 pixels wide by 32 pixels tall. new google.maps.Size(24, 30), // The origin for this image is 0,0. new google.maps.Point(0,0), // The anchor for this image is the base of the flagpole at 0,32. new google.maps.Point(0, 32)); var shadow = new google.maps.MarkerImage('http:// www.stlucie.k12.fl.us/images/beachflag_shadow.png', // The shadow image is larger in the horizontal dimension // while the position and offset are the same as for the main image. new google.maps.Size(37, 32), new google.maps.Point(0,0), new google.maps.Point(0, 32)); // Shapes define the clickable region of the icon. // The type defines an HTML <area> element 'poly' which // traces out a polygon as a series of X,Y points. The final // coordinate closes the poly by connecting to the first // coordinate. var shape = { coord: [1, 1, 1, 20, 18, 20, 18 , 1], type: 'poly' }; for (var i = 0; i < locations.length; i++) { var school = locations[i]; var myLatLng = new google.maps.LatLng(school[1], school[2]); var marker = new google.maps.Marker({ position: myLatLng, map: map, shadow: shadow, clickable: true, title: school[0], icon: image, shape: shape, zIndex: school[3], tooltip: school[0], name: school[0] }); On a separate but related issue, does anyone know how to turn off the infowindow that pops up on the KML layer? I have tried everything! Samantha On Jun 25, 11:16 am, HostGIS <[email protected]> wrote: > On Jun 24, 3:21 pm, PeterB <[email protected]> wrote: > > > I didn't have any problems clicking on your markers. > > Really? I still am in both IE and Firefox. If I click anywhere within > the polygon, even if it's over a marker, I get a popup of > "40633000000" which is the polygon. The only way I can click a marker > is by very carefully selecting a part of a marker thats ticks outside > the polygon. > > You're not seeing that? When you click the markers to the southwest, > well inside the polygon, you get their popups and not that numeric > one? -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
