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, "[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}