Not limiting results to 3
HTML
<div id="map"></div>
<script src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>
<!-- if it helps, my geolocation coords are (41.081445, -81.519005) -->
CSS
html, body, #map {
height: 95%;
width: 95%;
margin: 0 auto;
margin-top: 2%;
}
JavaScript
var map;
function initialize() {
var mapOptions = {
zoom: 10,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById('map'), mapOptions);
// Try HTML5 geolocation
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) {
window.lat = position.coords.latitude;
window.lng = position.coords.longitude;
var pos = new google.maps.LatLng(lat, lng);
var geolocMarker = new google.maps.Marker({
map: map,
position: pos,
clickable: true,
icon: 'http://labs.google.com/ridefinder/images/mm_20_green.png'
});
geolocMarker.info = new google.maps.InfoWindow({
content: '<b>Your location</b> '
});
google.maps.event.addListener(geolocMarker, 'click', function () {
geolocMarker.info.open(map, geolocMarker);
});
map.setCenter(pos);
}, function () {
handleNoGeolocation(true);
});
} else {
// Browser doesn't support Geolocation
handleNoGeolocation(false);
}
//Query-layer-data STUFF
//this is required info from my Fusion table which can be found thru File-About-EncrypedID
var base_query = {
select: 'Location',
from: '1MsmdOvWLKNNrtKnmoEf2djCc3Rp_gYmueN4FGnc',
limit: 3,
orderBy: 'ST_DISTANCE(Coordinates, LATLNG(lat,lng))'
};
var ftLayer = new google.maps.FusionTablesLayer({
map: map,
query: $.extend({}, base_query)
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < base_query.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(base_query[i][1], base_query[i][2]),
map: map
});
google.maps.event.addListener(marker,...