weather.html

<html>
    
    <head>
        <title>Weather</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
        <script>
            var getLocation = function() {
                if (navigator.geolocation) {
                    navigator.geolocation.getCurrentPosition(showWeather);
                } else {
                    x.innerHTML = "Geolocation is required for this app to work.";
                }
            }

            var chimeUser = {

                userLocation: '',

                wxicon: '',

                desc: '',

                temp: '',

                iconSrc: 'https://profile.weather.com/img/wxicons/52/',

                iconType: '.png'


            }
            var showWeather = function(position) {

                //                  var url = [ 'http://api.wunderground.com/api/5f12c0c5ef78f0dc/geolookup/conditions/q/', position.coords.latitude, ',', position.coords.longitude, '.json'].join('');


                var url = ["http://dsx-dev.weather.com/wxd/{MORecord;loc}/",

                    position.coords.latitude.toFixed(2),
                        ',',
                        position.coords.longitude.toFixed(2)

                ].join('');


                var updateChimeUser = function(data) {

                    var icon = data.body[0].doc.MOData.sky;

                    var userLocation = data.body[1].doc.prsntNm;

                    var desc = data.body[0].doc.MOData.wx;

                    var temp = data.body[0].doc.MOData.tmpF;


                    chimeUser.wxicon = icon;

                    chimeUser.userLocation = userLocation;

                    chimeUser.desc = desc;

                    chimeUser.temp = temp;

                    alert('geolocarted');

                    $('#chimeUserInfo').html('chimeUser: ' + JSON.stringify(chimeUser));


                }


                $.ajax(url, {
                    type: 'GET',
                    dataType: "jsonp",
                    jsonp: 'jsonp',
                    success: function(responseData, textStatus, jqXHR) {

                        updateChimeUser(responseData);

                        console.debug('reposnce: ', responseData);
                    },
                    //                        url: "http://dsx-dev.weather.com/wxd/%7BMORecord;loc%7D33.89,-84.46",

                    error: function(responseData, textStatus, errorThrown) {
                        // alert('POST failed.');
                    }
                });
            }
        </script>
    </head>
    
    <body onload="getLocation()">
        <h1>Weather</h1>
        <p id="chimeUserInfo"></p>
    </body>

</html>