PinUser.js

//this function sets the min on the map and sets the camera to it
/*function pinMe(latit, long) {
    var coords = {lat: latit, lng: long};
    var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 4,
        center: coords
    });
    var marker = new google.maps.Marker({
        position: coords,
        map: map
    });
}
//this function gets the current position
function onPositionUpdate(position){
    var lat = position.coords.latitude;
    var lng = position.coords.longitude;
    pinMe(lat, lng);
}
//this function is the main function. It calls all the functions either directly and/or indirectly
if(navigator.geolocation){
    navigator.geolocation.getCurrentPosition(onPositionUpdate);
}else{
    alert("geolocation is not currently available");
}
*/
//----------------------------------------new working multiple pins-----------------------------------------

//coordinate object
var coordinates = function(lats,longs, titles){
    this.lats = lats;
    this.longs = longs;
    this.titles = titles;
}

//initializes empty array
function initArray(){
     var coordArray = [];
     return coordArray;
}

//pushes a new coordinate onto the list specified
function pushCoord(coordArr,lats,longs, titles){
     var coord = new coordinates(lats,longs, titles);
     coordArr.push(coord);
}

//initialize map
var map, infoWindow;
var currentPosition;

var text = '{ "toilet_lat":"33.44", "toilet_lon":"-34", "name":"Uluru"}';

var toilet = JSON.parse(text);

var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope) {
    $scope.loc_id = 123456;
    $scope.name = toilet.name;
    $scope.rating = "Clean";
    $scope.notes = "I had an amazing experience";
});

function initMap() {
    
    //initialize map
    map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: -34.397, lng: 150.644},
        zoom: 20
    });
	
    // Try HTML5 geolocation.
    if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
        currentPosition = {
            lat: position.coords.latitude,
            lng: position.coords.longitude
        }
        var pos = {
            lat: position.coords.latitude,
            lng: position.coords.longitude
        };

        infoWindow = new google.maps.InfoWindow;
        infoWindow.setPosition(pos);
        infoWindow.setContent('You Are Here.');
        infoWindow.open(map);

        var coordList = initArray();
        var testCoord = new coordinates(10.1,25.0);
        
        coordList.push(testCoord);
        
        pushCoord(coordList,20.1,2.0);
        coordList.pop();
    
        map.setCenter(pos);
    }, function() {
      handleLocationError(true, infoWindow, map.getCenter());
    });
  } else {
    // Browser doesn't support Geolocation
    handleLocationError(false, infoWindow, map.getCenter());
  }
     
    //------newly added-------//
    var coordList = initArray();
//    var testCoord = new coordinates(10.1, 25.0);
//    coordList.pushCoord(testCoord);
    pushCoord(coordList, 10.1, 2.0, "Random Marker");
    pushCoord(coordList, 20.1, 2.0, "Random Marker");
    //-----------------------//
    
     //------newly added-------//
    var markerList = initArray();
    for (var index = 0; index < coordList.length; index++) {
        var pos = new google.maps.LatLng((coordList[index].lats),(coordList[index].longs));
        
        markerList[index] = new google.maps.Marker({
            position: pos,
            title: coordList[index].titles
        });
        markerList[index].setMap(map);
    }
    
//    for (var index = 0; index < markerList.length; index++) {
//        markerList[index].setMap(map);
//    }
    //-------------------------//
    infowindow = new google.maps.InfoWindow({
          content: document.getElementById('form')
    });
	messagewindow = new google.maps.InfoWindow({
        content: document.getElementById('message')
    });
	google.maps.event.addListener(map, 'click', function(event) {
        marker = new google.maps.Marker({
			position: event.latLng,
			map: map
        });
		
		
		google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(map, marker);
        });
    });
}

function saveData() {
    var name = escape(document.getElementById('name').value);
    var rating = escape(document.getElementById('rating').value);
    var latlng = marker.getPosition();
    var url = 'phpsqlinfo_addrow.php?name=' + name + '&rating=' + rating + '&lat=' + latlng.lat() + '&lng=' + latlng.lng();

    downloadUrl(url, function(data, responseCode) {

        if (responseCode == 200 && data.length <= 1) {
            infowindow.close();
            messagewindow.open(map, marker);
        }
    });
}

function downloadUrl(url, callback) {
    var request = window.ActiveXObject ?
            new ActiveXObject('Microsoft.XMLHTTP') :
            new XMLHttpRequest;

    request.onreadystatechange = function() {
        if (request.readyState == 4) {
            request.onreadystatechange = doNothing;
            callback(request.responseText, request.status);
        }
    };

    request.open('GET', url, true);
    request.send(null);
}

function doNothing () {}

// Drops Random Marker
function dropRandMarker(){
    var randPos = new google.maps.LatLng(Math.random() * 170.0 - 85,Math.random() * 360.0 - 180);
    dropNewMarker(randPos);
}

// Drops a New Marker
function dropNewMarker(position){
    map.setCenter(position);

    var marker = new google.maps.Marker({
        position: position,
        title: "Random Marker"
    });
    marker.setMap(map);
}

// Drops a New Marker
function dropMarkerAtLocation(){
    dropNewMarker(currentPosition);
}

// Handles Location Error
function handleLocationError(browserHasGeolocation, infoWindow, pos) {
	infoWindow.setPosition(pos);
	infoWindow.setContent(browserHasGeolocation ?
                        'Error: The Geolocation service failed.' :
                        'Error: Your browser doesn\'t support geolocation.');
	infoWindow.open(map);
}

//initialize map
function oldInitMap() {
    system.log("initMap");

    //get my lat/long
    var myLatlng = new google.maps.LatLng(100,200);
    //create new map
    var map = new google.maps.Map(document.getElementById("map"), mapOptions);
    //create new location marker
    var newLocationMarker = new google.maps.Marker({
        position: myLatlng,
        title:"Current Location"
    });
    //add to new map
    newLocationMarker.setMap(map);

	//updates position and plugs it into a new marker that is set onto the map
    function onPositionUpdate(position){
        system.log("onPositionUpdate");
        var lat = position.coords.latitude;
        var lng = position.coords.longitude;
        
        var myLatlng = new google.maps.LatLng(lat,lng);
        var mapOptions = {
            zoom: 4,
            center: myLatlng
        }
        var marker3 = new google.maps.Marker({
            position: myLatlng,
            title:"current location"
        });
        marker3.setMap(map);
    }
	//pulls current lat and long and plugs it into onPositionUpdate
	function pinCurrLoc(){
        system.log("pinCurrLoc");
        if(navigator.geolocation)
            navigator.geolocation.getCurrentPosition(onPositionUpdate);
        else
            alert("navigator.geolocation is not available");
	}
	pinCurrLoc();
}

function newPinDrop(position){
    system.log("newPinDrop");

    //infoWindow = new google.maps.InfoWindow;

    if(navigator.geolocation){
        navigator.geolocation.getCurrentPosition(function(position){
            var position = {
                lat: position.coords.latitude,
                lng: position.coords.longitude
            };
        },function(){
            console.log("Couldn't get location.");
        });
    }else{
        console.out("No geolocation supported, must consent.");
    }

    console.log("Test 2: Lat: " + position.lat + " Lng: " + position.lng);
        
    //var myLatlng = new google.maps.LatLng(position.lat,position.lng);
    var myLatlng = new google.maps.LatLng(100,200); //<<<<<<this is what causes permission request
    //bad?
    var mapOptions = {
        zoom: 4,
        center: myLatlng
    }

    console.log("Test 3: Lat: " + position.lat + " Lng: " + position.lng);
        
    var map = new google.maps.Map(document.getElementById("map"), mapOptions);
    ///bad?

    var newMarker = new google.maps.Marker({
        position: myLatlng,
        title:"Current Location"
    });
    newMarker.setMap(map);
}

//var text = '{ "toilet_lat":"33.44", "toilet_lon":"-34", "name":"Uluru"}';
//var obj = JSON.parse(text);  

//var app = angular.module('myApp', []);
//app.controller('myCtrl', function ($scope) {
//    $scope.loc_id = 123456;
//    $scope.name = toilet.name;
//    $scope.rating = "Clean";
//    $scope.notes = "I had an amazing experience";
//});