On Jul 14, 2:25 pm, Marc <[email protected]> wrote: > I am copy and paste guy so the raw documentation is real hard for me.
Sorry. You might have to learn something, you are trying to do something new and different from what most other people need. Have you looked at static maps? > I did not find and documentation or examples to shrink the icons. I'm pretty sure it has been discussed in the group within the last month or two. You could try searching. > It would be even better if there was code to porportionaly shink the > entire map but I have not found that either. I don't think that is a common requirement. You could create an enhancement request in the issue tracker, but I would doubt that enough people would need that to make it of interest to the API team (but I could be wrong). -- Larry > > On Jul 14, 10:10 am, "[email protected]" <[email protected]> > wrote: > > > > > 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 -- 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}