java - How to Execute Custom Javascript Vaadin -


i building vaadin app , need use leafletjs map visualization. have created necessary javascript functions , java classes (or @ least think did), when run program on server, not show up. ideas on why happening?

here javascript code:

window.com_vaadin_demo_dashboard_component_mymap = function() {     var peaelement = this.getelement();     var mapboxaccesstoken = pk.eyj1ijoibmlja2vtbw9ucyisimeioijjawy2cm45ag0wb285c3vrdgi1yxnzc2y5in0.adsztbun58fcupsr-vvh4q;     var map = l.map('map').setview([37.8, -96], 4);     var geojson;     l.tilelayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=' + mapboxaccesstoken, {         id: 'mapbox.light'}).addto(map);      function getcolor(d) {         return d > 1000 ? '#800026' :                d > 500  ? '#bd0026' :                d > 200  ? '#e31a1c' :                d > 100  ? '#fc4e2a' :                d > 50   ? '#fd8d3c' :                d > 20   ? '#feb24c' :                d > 10   ? '#fed976' :                           '#ffeda0';     }      function style(feature) {         return {             fillcolor: getcolor(feature.properties.density),             weight: 2,             opacity: 1,             color: 'white',             dasharray: '3',             fillopacity: 0.7         };     }      function highlightfeature(e) {         var layer = e.target;          layer.setstyle({             weight: 5,             color: '#666',             dasharray: '',             fillopacity: 0.7         });          if (!l.browser.ie && !l.browser.opera) {             layer.bringtofront();         }     }      function resethighlight(e) {         geojson.resetstyle(e.target);     }      function zoomtofeature(e) {         map.fitbounds(e.target.getbounds());     }      function oneachfeature(feature, layer) {         layer.on({             mouseover: highlightfeature,             mouseout: resethighlight,             click: zoomtofeature         });     }      geojson = l.geojson(peas, {         style: style,         oneachfeature: oneachfeature     }).addto(map); }

here java classes extending abstractjavascriptcomponent:

package com.vaadin.demo.dashboard.component;  import com.vaadin.annotations.*; import com.vaadin.ui.abstractjavascriptcomponent;  @javascript({"http://cdn.leafletjs.com/leaflet-0.7.5/leaflet.js", "pea_map.js"}) @stylesheet({"http://cdn.leafletjs.com/leaflet-0.7.5/leaflet.css"}) public class peamap extends abstractjavascriptcomponent {      public void setid(final integer id) {         getstate().setid(id);     }      public void setname(final string name) {         getstate().setname(name);     }      public void setpopulation(final integer population) {         getstate().setpopulation(population);     }      @override     public mymapstate getstate() {         return (mymapstate) super.getstate();     }  }

here java class keeps track of state:

package com.vaadin.demo.dashboard.component;  import com.vaadin.shared.ui.javascriptcomponentstate;  public class mymapstate extends javascriptcomponentstate {      private integer id;     private string name;     private integer population;     public integer getid() {         return id;     }     public void setid(integer id) {         this.id = id;     }     public string getname() {         return name;     }     public void setname(string name) {         this.name = name;     }     public integer getpopulation() {         return population;     }     public void setpopulation(integer population) {         this.population = population;     }    }

and here component gets tied to:

package com.vaadin.demo.dashboard.component;  import com.vaadin.demo.dashboard.component.peamap; import com.vaadin.ui.*; import com.vaadin.server.page;   public class mymapui extends customcomponent {      final mymap mymap = new mymap();     final verticallayout layout = new verticallayout();      public void mymap(){               page.getcurrent().getjavascript().execute("com_vaadin_demo_dashboard_component_mymap()");              //now build layout.             layout.setspacing(true);             layout.addcomponent(mymap);         } }

it supposed added panel have on 1 of pages of project, not show up.


Comments

Post a Comment

Popular posts from this blog

1111. appearing after print sequence - php -

morning, i have code takes string of shoe sizes, explodes , puts in table. code works , info displayed correctly on page after table there few 1's after table. i'm confused this. so table looks (in columns of 3 on webpage) available in following sizes: 3 4 5 6 9 10 111 here's codes, purpose of example $x = 3|4|6|10|9 function get_sizes_pipe($x) { $counter = 0; $splits = explode("|",$x); asort($splits); $x = print "<table class='greentable'>"; $x .= print "<thead><tr><th scope='col' colspan='3' abbr='starter'>available in following sizes:</th></tr></thead><tbody><tr>"; foreach ($splits $split) { $entry = print "<td>".$split."</td>"; if($counter == 2){ $entry .= print "</tr><tr>"; $counter =0; } else { $counter++; ...
Read more

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

this question has answer here: why spring mvc respond 404 , report “no mapping found http request uri […] in dispatcherservlet”? 3 answers i trying making simple bbs i'm encountering following error, warn : org.springframework.web.servlet.pagenotfound - no mapping found http request uri [/board/] in dispatcherservlet name 'appservlet' i have tried solve error many times, have failed. how can solve error? here web.xml, controllerand , servlet-context. my web.xml <?xml version="1.0" encoding="utf-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" xsi:schemalocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <filter> <filter-nam...
Read more

Ruby on Rails, ActiveRecord, Postgres, UTF-8 and ASCII-8BIT encodings -

weirdest error, who’s challenge try , me? spent hours yesterday on , it’s magic. can't believe happening , it's driving me crazy. btw, using: rails 4.2.3 ruby 2.2.3 pg 0.18 encoding.default_internal = encoding.default_external = utf-8 config.encoding = 'utf-8' it has postgres, activerecord , encodings! turns out we’ve been getting these errors whenever create new users on database special characters: encoding::undefinedconversionerror: "\xc3" ascii-8bit utf-8 \xc3 may vary depending on characters. weird part we’ve set since beginning utf-8. makes no sense , digged it, , used script: user.all.each |user| user.attributes.each |name, value| if value.is_a? string puts user.email + name.encoding.to_s + value.encoding.to_s end end end and output of 1 of users, users same: dr_lottahelp@blahblah.comutf-8utf-8 dr_lottahelp@blahblah.comutf-8ascii-8bit dr_lottahelp@blahblah.comutf-8ascii-8bit dr_lottahelp@blahblah.comutf-8asci...
Read more