<commit_before><!DOCTYPE html>
<html>
  <head>
    <title>Leaflet</title>

    <script type="text/javascript" src="../eon-map.js"></script>

    <style type="text/css">
      body {
        padding: 0px;
        margin: 0px;
      }
    </style>

  </head>
  <body>
    <div style="width: 100%; height:500px" id="map"></div>
    <div id='map'></div>
    <script>
      function getNonZeroRandomNumber(){
        var random = Math.floor(Math.random()*199) - 99;
        if(random==0) return getNonZeroRandomNumber();
        return random;
      }
    </script>
    <script>

      var pubnub = new PubNub({
        publishKey: 'demo',
        subscribeKey: 'demo'
      });

      var channel = 'pubnub-mapbox' + getNonZeroRandomNumber();

      var pointA = false;
      var pointB = false;

      var map = eon.map({
        pubnub: pubnub,
        id: 'map',
        channels: [channel],
        connect: connect,
        options: {
          center: new L.LatLng(37.370375, -97.75613851),
          zoom: 5
        },
        provider: 'google',
        googleKey: '<KEY>',
        googleMutant: {
          type: 'roadmap',
          styles: [
              {elementType: 'labels', stylers: [{visibility: 'off'}]},
              {featureType: 'water', stylers: [{color: '#000000'}]}
          ]
        },
        message: function(message, timetoken, channel) {

          console.log(message, timetoken, channel);

          var currentPoint = new L.LatLng(message[0].latlng[0], message[0].latlng[1]);

          if(pointA && pointB) {

            var pointList = [pointA, pointB];

            console.log(pointA)

            var firstpolyline = new L.Polyline(pointList, {
                color: 'red',
                weight: 3,
                opacity: 0.5,
                smoothFactor: 1
            });

            console.log(map)

            firstpolyline.addTo(map);

          }

          pointB = pointA;
          pointA = currentPoint;
<commit_msg>revert to old google example<commit_after><!DOCTYPE html>
<html>
  <head>
    <title>Leaflet</title>

    <script type="text/javascript" src="../eon-map.js"></script>

    <style type="text/css">
      body {
        padding: 0px;
        margin: 0px;
      }
    </style>

  </head>
  <body>
    <div style="width: 100%; height:500px" id="map"></div>
    <div id='map'></div>
    <script>
      function getNonZeroRandomNumber(){
        var random = Math.floor(Math.random()*199) - 99;
        if(random==0) return getNonZeroRandomNumber();
        return random;
      }
    </script>
    <script>

      var pubnub = new PubNub({
        publishKey: 'demo',
        subscribeKey: 'demo'
      });

      var channel = 'pubnub-mapbox' + getNonZeroRandomNumber();

      eon.map({
        pubnub: pubnub,
        id: 'map',
        channels: [channel],
        connect: connect,
        options: {
          center: new L.LatLng(37.370375, -97.75613851),
          zoom: 5
        },
        provider: 'google',
        googleKey: '<KEY>',
        googleMutant: {
          type: 'roadmap',
          styles: [
              {elementType: 'labels', stylers: [{visibility: 'off'}]},
              {featureType: 'water', stylers: [{color: '#000000'}]}
          ]
{'fraction_non_alphanumeric': 0.14952116156935433, 'fraction_numerical': 0.026567809700339822, 'mean_word_length': 1.801038062283737, 'pattern_counts': {'":': 0, '<': 41, '<?xml version=': 0, '>': 41, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2807455', 'n_tokens_mistral': 1103, 'n_tokens_neox': 1005, 'n_words': 219}