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> -- 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.
