Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>SO Q 20749822</title>
​
<style type="text/css">
    html {
        height: 100%; 
        width:  100%
    }
​
    body {
        height:  100%; 
        width:   100%; 
        margin:  0; 
        padding: 0
    }
​
    #map_canvas { 
        height: 100%; 
        width:  100% 
    }
</style>
​
<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
​
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery-ui-map/3.0-rc1/jquery.ui.map.js'></script>
​
<script type="text/javascript">
  
$(document).ready(function(){
    var lat = 32.311042; 
    var lng = -106.781458; 
    var center = new google.maps.LatLng(lat, lng); 
    
    var mapOpt = {
        center: center, 
        zoom: 17,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
​
    $('#map_canvas').gmap(mapOpt);
    
    $('#map_canvas').gmap('addMarker', {'position': '32.311042,-106.781458', 'bounds': false});
});
​
</script>
​
</head>
<body>
    <div id='map_canvas'></div>
<script>
</script>
  
</body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
antojurkovicpro
0viewers