Map View – Current Location in Swift

This entry is part 19 of 32 in the series iOS Apps

Map View – Current Location in Swift – Xcode 7 iOS 9 Tutorial
https://www.youtube.com/watch?v=qrdIL44T6FQ

ViewController.swift

import UIKit
import MapKit
import CoreLocation

class ViewController: UIViewController, MKMapViewDelegate, CLLocationManagerDelegate {

    @IBOutlet var mapView: MKMapView!
    
    let locationManager = CLLocationManager()
    
    override func viewDidLoad() {
        super.viewDidLoad()

        self.locationManager.delegate = self
        
        self.locationManager.desiredAccuracy = kCLLocationAccuracyBest
        
        self.locationManager.requestWhenInUseAuthorization()
        
        self.locationManager.startUpdatingLocation()
        
        self.mapView.showsUserLocation = true
        
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    func locationManager(manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
        
        let location = locations.last
        
        let center = CLLocationCoordinate2D(latitude: location!.coordinate.latitude, longitude: location!.coordinate.longitude)
        
        let region = MKCoordinateRegion(center: center, span: MKCoordinateSpan(latitudeDelta: 1, longitudeDelta: 1))
        
        self.mapView.setRegion(region, animated: true)
        
        self.locationManager.stopUpdatingLocation()
        
    }
    
    func locationManager(manager: CLLocationManager, didFailWithError error: NSError) {
        
        print("Errors:" + error.localizedDescription)
    }

jQuery UI & Spinner: Map

This entry is part 6 of 6 in the series jQuery UI Spinner

jQuery UI Spinner – Map

Google Maps integration, using spinners to change latitude and longitude.

<!doctype html>
<html lang='en'>
<head>
    <meta charset='utf-8'>
    <title>jQuery UI Spinner - Map</title>
    <link rel='stylesheet' href='//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css'>
    <script src='http://maps.google.com/maps/api/js?sensor=false'></script>
    <script src='//code.jquery.com/jquery-1.10.2.js'></script>
    <script src='//jqueryui.com/resources/demos/external/jquery.mousewheel.js'></script>
    <script src='//code.jquery.com/ui/1.10.4/jquery-ui.js'></script>
    <link rel='stylesheet' href='https://codecrawl.com/code/jqueryui/jqueryui_style.css'>
    <script>
        $(function () {
            function latlong() {
                return new google.maps.LatLng($('#lat').val(), $('#lng').val());
            }

            function position() {
                map.setCenter(latlong());
            }

            $('#lat, #lng').spinner({
                step: .001,
                change: position,
                stop: position
            });

            var map = new google.maps.Map($('#map')[0], {
                zoom: 8,
                center: latlong(),
                mapTypeId: google.maps.MapTypeId.ROADMAP
            });
        });
    </script>
    <style>
        #map {
            width: 500px;
            height: 500px;
        }
    </style>
</head>
<body>

<label for='lat'>Latitude</label>
<input id='lat' name='lat' value='44.797'>
<br>
<label for='lng'>Longitude</label>
<input id='lng' name='lng' value='-93.278'>

<div id='map'></div>

</body>
</html>
Try The Code