Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
  <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=drawing"></script>
</head>
<body onload="initMap()">
  <div id="mapDiv"/>
</body>
</html>
 
#mapDiv { width: 800px; height: 500px; 
 
var map;
function initMap() {
    var url = 'https://dl.dropboxusercontent.com/u/12537630/geo.json';
    // 地圖初始設定
    var mapOptions = {
        center: new google.maps.LatLng(25.04674, 121.54168),
        zoom: 13,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var mapElement = document.getElementById("mapDiv");
    // Google 地圖初始化
    map = new google.maps.Map(mapElement, mapOptions);
    // 自訂樣式
    map.data.setStyle(function(feature) {
      return { 'icon': feature.getProperty('icon') };
    });
  
    // 載入 GeoJSON 資料
    map.data.loadGeoJson(url); 
}
Output

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

Dismiss x
public
Bin info
kurotanshipro
0viewers