I want to move gmaps.js on jsfiddle, but it doesn't work.

var type=';

function ryo(){
  type = 'ryo';
  alert("Send location information as yomiireru.");
}

function maro() {
  type = 'maro';
  alert("Send location information calmly.");
}

window.onload=function(){

  setInterval(function(){
    GMaps.geolocate({
      success:function(position){
        dataStore.send({
          lat:position.coords.latitude,
          lon —position.coords.longitude,
          type —type
        });
      },
      error: function(error) {
        console.log('Georocation failed:'+error.message);
      },
      not_supported: function() {
        console.log('Your browser does not support geolocation');
      },
      always:function(){
        console.log('done');
      }
    });
  }, 5000);


  varlat = 35.710285;
  varlng = 139.77714;
  varmap = new GMaps({
    div: "#map",
    lat —lat,
    lng —lng,
    zoom —17
  });

  dataStore.on('send', function(data){
    varlat = data.value.lat,
      lng = data.value.lon;

    varimg=';
    if(data.value.type=='ryo'){
      img='http://i.gyazo.com/7502afdcf0bbcc1f6d8f3d85e66616f6.png';
    } else if(data.value.type=='maro'){
      img='http://i.gyazo.com/f7b2e1dac073595c3e53a260413aec14.png';
    }

    map.setCenter(lat,lng);
    map.addMarker({
      lat —lat,
      lng —lng,
      title: "LIG Employee",
      icon: img,
      infoWindow: {
        content: "<p>LIG employees are <br/>Coco!</p>"
      }
    });
    console.log('recieve', data.value);
  });

};


<
divide = "map" >
  <
  button onClick="ryo()">
  good-for-nothing

  <
  button onClick="maro()">
  Of course 

<link rel="stylesheet" href="./foundation.css">style>@charset"utf-8";
#map{
  height —400px;
}

</style>

<title>gmaps Sample</title>


<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script src="./gmaps.js"></script>
<script src="http://cdn.mlkcca.com/v0.2.8/milkcocoa.js"></script>
<script>
  vardataStore=new MilkCocoa("https://{io-bi2tzwnsk}.mlkcca.com").dataStore('chat');