On Jul 14, 11:22 am, Marc <[email protected]> wrote: > Those are huge maps so the markers look little. Here is my > map.http://basslakeca.com/gmap/mapall7.html
They don't look "huge" to me: http://www.geocodezip.com/basslakeca_com_mappall7a.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. I think it is easier to size the marker in v3, but I haven't done it. You could try looking at the documentation. -- Larry > 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, "[email protected]" <[email protected]> > wrote: > > > > > On Jul 13, 1:58 pm, Marc <[email protected]> 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 [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.
![http://www.google.com/mapfiles/marker.png"](https://www.google.com/mapfiles/marker.png"){kind=link}
![http://www.google.com/mapfiles/shadow50.png"](https://www.google.com/mapfiles/shadow50.png"){kind=link}