Those are huge maps so the markers look little. Here is my map. http://basslakeca.com/gmap/mapall7.html
Now add 10 markers and you can see thye are too big. I had to remove the controls too as they were bigger than the map. In V2 someone had a way to size the marker but I don't know how to integrate his code into V3 and my scheme. Here is his code: function loadMap() { map = new GMap2(document.getElementById("map")); map.addControl(new GLargeMapControl()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng( 37.319048778895926, -119.55648422241211), 14); map.setMapType(G_NORMAL_MAP); icon0 = new GIcon(); icon0.image = "http://www.google.com/mapfiles/marker.png"; icon0.shadow = "http://www.google.com/mapfiles/shadow50.png"; icon0.iconSize = new GSize(20, 34); icon0.shadowSize = new GSize(37, 34); icon0.iconAnchor = new GPoint(9, 34); icon0.infoWindowAnchor = new GPoint(9, 2); icon0.infoShadowAnchor = new GPoint(18, 25); On Jul 13, 7:05 pm, "geocode...@gmail.com" <geocode...@gmail.com> wrote: > On Jul 13, 1:58 pm, Marc <mdso...@gmail.com> wrote: > > > I am using a small map just 250W x 150H. My preferance is to shrink > > everything porportionalty but how? Or I have managed to make size > > adjustments on everything except the markers. How can I resize the > > markers, and remove the shadow. > > Custom markers like these:http://www.geocodezip.com/v3_markers_red.html > or these:http://www.geocodezip.com/v3_markers_colored.html > or you could even do the "little red dots" > > Does that help? > > -- Larry > > > > > I could put the zoom controls back if > > they can be shrink too. Any help would be greatly appreciated. Here is > > my code. > > > <!DOCTYPE doctype PUBLIC "-//w3c//dtd html 4.0 transitional//en"> > > <html> > > <head> > > <meta http-equiv="Content-Type" > > content="text/html; charset=iso-8859-1"> > > > <style type="text/css"> > > * {margin:0;padding:0;} > > #map_container {position:relative;margin:1px;} > > #map_canvas {width:250px;height:150px;border:1px solid black;} > > > } > > > <!-- > > .style1 {font-size: 14px} > > > } > > > .style17 {font-size: 36px} > > --> > > </style> > > > <script type="text/javascript" src="http://maps.google.com/maps/api/js? > > sensor=false"></script> > > <script type="text/javascript"> > > var map; > > function initialize() { > > var map_center = new google.maps.LatLng(37.3190500, -119.5564800); > > var store1 = new google.maps.LatLng(37.321664, -119.563259); > > var store2 = new google.maps.LatLng(37.318913, -119.549177); > > var store3 = new google.maps.LatLng(37.318088, -119.550151); > > var store4 = new google.maps.LatLng(37.315256, -119.563599); > > var store5 = new google.maps.LatLng(37.319600, -119.548500); > > > var myOptions = { > > zoom: 14, > > center: map_center, > > disableDefaultUI: true, > > navigationControl: false, > > scaleControl: false, > > mapTypeId: google.maps.MapTypeId.ROADMAP > > } > > map = new google.maps.Map(document.getElementById("map_canvas"), > > myOptions); > > > var marker1 = new google.maps.Marker({ > > position: store1, > > map: map, > > title:"N1" > > }); > > var marker2 = new google.maps.Marker({ > > position: store2, > > map: map, > > title:"N2" > > }); > > var marker3 = new google.maps.Marker({ > > position: store3, > > map: map, > > title:"C1" > > }); > > var marker4 = new google.maps.Marker({ > > position: store4, > > map: map, > > title:"C2" > > }); > > var marker5 = new google.maps.Marker({ > > position: store5, > > map: map, > > title:"J1" > > }); > > google.maps.event.addListener(marker1, 'click', function() { > > map.set_center(store1); > > map.set_zoom(10); > > }); > > google.maps.event.addListener(marker2, 'click', function() { > > map.set_center(store2); > > map.set_zoom(10); > > }); > > google.maps.event.addListener(marker3, 'click', function() { > > map.set_center(store3); > > map.set_zoom(10); > > }); > > google.maps.event.addListener(marker4, 'click', function() { > > map.set_center(store4); > > map.set_zoom(10); > > }); > > google.maps.event.addListener(marker5, 'click', function() { > > map.set_center(store5); > > map.set_zoom(10); > > }); > > } > > </script> > > > <center> > > <body onload="initialize()"><center> > > <div id="map_container"> > > <div id="map_canvas"></div></div> > > </body> > > </html>- Hide quoted text - > > - Show quoted text - -- 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 google-maps-js-api...@googlegroups.com. To unsubscribe from this group, send email to google-maps-js-api-v3+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.