Skip to content

Instantly share code, notes, and snippets.

@MrTiggr

MrTiggr/designer.html

Last active August 29, 2015 14:05
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save MrTiggr/da8332a875fdd6efdcb2 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save MrTiggr/da8332a875fdd6efdcb2 to your computer and use it in GitHub Desktop.
Download ZIP
designer
Raw
designer.html
<link rel="import" href="../core-drawer-panel/core-drawer-panel.html">
<link rel="import" href="../esri-html5/esri-realtime.html">
<link rel="import" href="../esri-military/esri-symbology.html">
<link rel="import" href="../esri-html5/esri-map.html">
<link rel="import" href="../esri-html5/esri-layer.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#core_header_panel {
width: 300px;
height: 400px;
left: 1540px;
top: 630px;
}
#core_drawer_panel {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#section {
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
background-color: rgb(250, 250, 250);
}
#section1 {
height: 100%;
box-sizing: border-box;
background-color: rgb(221, 221, 221);
}
#map {
height: 100%;
}
</style>
<core-drawer-panel id="core_drawer_panel" touch-action>
<section id="section" drawer>
<realtime-websocket json jsonreceive url="ws://globe.geo5.org" id="wsConnection" on-wsmessage="{{ on_update }}" on-open="{{ on_open }}" on-error="{{ on_error }}"></realtime-websocket>
<military-symbol-renderer symbol_id="SFAPCF----*****" size="20" data_url="data:image/png;base64,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" speed="{{ $.wsConnection.data.data.attributes.airspeed }}" direction="{{ $.wsConnection.data.data.attributes.Heading }}" additional_info="{{ $.wsConnection.data.data.attributes.FltId }}" altitude_depth="{{ $.wsConnection.data.data.attributes.AltitudeFeet }}" id="renderer2525c"></military-symbol-renderer>
<img id="img" src="data:image/png;base64,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"></img>
<div>{{ $.wsConnection.data.data.attributes.FltId }}</div>
<div>
<span>{{ $.wsConnection.data.data.attributes.deparpt }}</span>
<span>
<strong> TO </strong>
</span>
<span>{{ $.wsConnection.data.data.attributes.arrarpt }}</span>
</div>
</section>
<section id="section1" main>
<esri-map basemap="gray" autoresize latitude="-35.281999799998744" longitude="149.128684299995" zoom="3" id="map">
<esri-webtiledlayer id="webtiledLayer"></esri-webtiledlayer>
</esri-map>
</section>
</core-drawer-panel>
</template>
<script>
var gr={};
Polymer('my-element', {
on_update: function (evt,det,snd){
if(det.data.data.attributes.FltId!=""){
if(gr[det.data.data.attributes.FltId]){
this.$.map.map.graphics.remove(gr[det.data.data.attributes.FltId]);
gr[det.data.data.attributes.FltId]=null;
}
var sid=this.$.renderer2525c.symbol_id;
var mods={
Q:parseInt(det.data.data.attributes.Heading),
Z:parseInt(det.data.data.attributes.airspeed) + " mph",
X:"" + parseInt(det.data.data.attributes.AltitudeFeet/1000)+ "k",
T:det.data.data.attributes.FltId,
H:(det.data.data.attributes.deparpt) ? det.data.data.attributes.deparpt + " - " + det.data.data.attributes.arrarpt : "",
SIZE:20,
SYMSTD:1
}
var gra = this.$.renderer2525c.getMapGraphic(sid,mods,det.data.data.geometry);
this.$.map.map.graphics.add(gra);
gr[det.data.data.attributes.FltId]=gra;
}
},
on_open: function (evt,det,snd){
console.log("WS OPEN",evt,det,snd);
},
on_error: function (evt,det,snd){
console.log("WS ERROR",evt,det,snd);
}
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment