WebRTCでデータ送信と表示をさせたい

送信側が受信側にデータを送信するとマップが表示されるプログラミングを作成していますが、エラーも表示もされない常態です。
接続はきちんとできています（他のページへの送信で成功しました）

send.html
1<!DOCTYPE html>
2<html>
3<meta charset="utf-8">
4<script src="http://cdn.peerjs.com/0/peer.min.js"></script>
5<script>
6    var center= { // 地図の中心を指定
7        lat: 34, // 緯度
8        lng: 135.510 // 経度
9        };
10    var peer = new Peer('SenderID', {key: 'xxxx'});
11    var conn = peer.connect('ReceiverID');
12    conn.on('open', function(){
13        conn.send(center);
14    }); 
15</script>
16<body>
17</body>
18</html>

load.html
1<!DOCTYPE html>
2<script src="https://maps.googleapis.com/maps/api/js?key=xxxxxx">
3</script>
4<script src="http://cdn.peerjs.com/0/peer.min.js"></script>
5<div id="sample"></div>
6
7<style>
8#container{
9    width: 700px;
10    margin: 0 auto;
11}
12#sample {
13    width: 1200px;
14    height: 600px;
15}
16</style>
17
18<script>
19var peer = new Peer('ReceiverID', {key: 'xxxx'});
20peer.on('connection', function(conn) {
21        conn.on('data', function(center){
22    var map;
23    var marker;
24    var infoWindow;
25    var test= data;
26
27    function initMap() {
28    map = new google.maps.Map(document.getElementById('sample'), { // #sampleに地図を埋め込む
29        center: test,
30        zoom: 19 // 地図のズームを指定
31        });
32
33        marker = new google.maps.Marker({ // マーカーの追加
34            position: test,
35            map: map
36        })
37    infoWindow = new google.maps.InfoWindow({
38        content: '<div class=sample>TAM 大阪</div>'
39    });
40    marker.addListener('click',function(){
41        infoWindow.open(map,marker);
42    })
43    }
44    initMap();
45        });
46    });
47</script>