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
  • …
 
<head>
  <meta charset="utf-8">
  <title>Google Map</title>
  <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0;" />
  <link rel="stylesheet" type="text/css" href="http://cdn.app-framework-software.intel.com/2.1/af.ui.css" />
  <link rel="stylesheet" type="text/css" href="http://cdn.app-framework-software.intel.com/2.1/icons.css" />
  <script src="http://cdn.app-framework-software.intel.com/2.1/appframework.ui.min.js"></script>
  <script src="https://raw.githubusercontent.com/01org/appframework/master/build/af.plugins.min.js"></script>
  <script src="http://maps.google.com/maps/api/js?sensor=true"></script>    
  <script>    
$(document).ready(function(){
  $.feat.nativeTouchScroll=true;
  $.ui.launch();
    setupMap();
});
​
function setupMap(){
  
    $('#main').scroller().disable();$('#map').scroller().disable();
  
  
    var mapOptions = {
        center: new google.maps.LatLng(45.53, -122.67),
        zoom: 10,
        mapTypeControl: false,
        streetViewControl: false,
        navigationControl: true,
        scrollwheel: false,
        navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map"), mapOptions);
}
  </script> 
  <style>
#map {height:240px;width:300px;border:1px solid #777} 
  </style>    
​
<style id="jsbin-css">
​
</style>
</head>
<body>
<div id="afui">
    <div id="header">
    </div>
    <div id="content">
        <div id="main" title="Welcome" class="panel" selected="true" style="overflow:hidden">
           <div id="map"></div>
        </div>
    </div>
</div>      
<script>
 
​
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers