$(document).ready(function () { var longitude = Number( $('#tile-map #gps-longitude').val()); var latitude = Number( $('#tile-map #gps-latitude').val()); console.log(longitude, latitude); var map = new L.Map('tile-map'); var mqtileUrl = 'http://otile{s}.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.jpg'; var mqtileAttrib = 'Map data © ' + String(new Date().getFullYear()) + ' OpenStreetMap contributors, CC-BY-SA.' + ' Imaging © ' + String(new Date().getFullYear()) + ' MapQuest.'; var mqtile = new L.TileLayer( mqtileUrl, {maxZoom: 18, attribution: mqtileAttrib, subdomains: '1234'}); var location = new L.LatLng(latitude, longitude); // geographical point (longitude and latitude) map.setView(location, 13).addLayer(mqtile); var marker = new L.Marker(location); map.addLayer(marker); });