Marker Size in gMaps
HTML
<script src="http://maps.google.com/maps/api/js?sensor=false&.js"></script>
<div id="results"></div>
<div id="map"></div>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
CSS
#map{
width: 450px;
height: 400px;
}
JavaScript
var $message_area = jQuery('#results');
jQuery(document).ready(function() {
$message_area.html('<i>Locating you...</i> ');
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
// Find location
function foundLocation(position) {
$message_area.children().remove();
// To see everything available in the position.coords array:
// for (key in position.coords) {alert(key)}
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
var accuracy = position.coords.accuracy;
// altitude = position.coords.altitude;
// heading = position.coords.heading;
// speed = position.coords.speed;
var map;
//alert(latitude + ": " + longitude +": " + accuracy );
// Start bweaver's code
var centerPosition = new google.maps.LatLng(latitude, longitude);
var options = {
zoom: 12,
center: centerPosition,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map($('#map')[0], options);
var marker = new google.maps.Marker({
position: centerPosition,
map: map,
icon: 'http://google-maps-icons.googlecode.com/files/sailboat-tourism.png'
});
var circle = new google.maps.Circle({
center: centerPosition,
radius: accuracy,
map: map,
fillColor: '#0000FF',
fillOpacity: 0.5,
strokeColor: '#0000FF',
strokeOpacity: 1.0
});
//set the zoom level to the circle's size
map.fitBounds(circle.getBounds());
// End bweaver's code
// var myOptions = {
// zoom: 12,
// center: new...