How do I add a google map to a lit-element? - google-maps

I know google-maps component is a polymer 3 component, but it seems to depend on all the Polymer 3 stuff, Polymer project says start with lit-element (polymer 3+), so I want to use lit-element, but want a map on my component. How do I do this?
Background:
If you read the roadmap here - https://www.polymer-project.org/blog/2018-05-02-roadmap-update it says don't start a new project with Polymer 3, instead start with Lit-Element.
It also talks about the future of elements - https://www.polymer-project.org/blog/2017-11-27-future-of-elements.html where they are not doing much with them right now until they rewrite them.
So given this, right now if we are trying to build a component using Lit-Element, how do we incorporate google maps, I cant find a single example anywhere. I tried to use the Polymer Google Map component and it is not compatible and has a bunch of errors.

Take a look at this:
https://github.com/jakelheknight/google-maps-limited
Not much out there but this is probably what you are looking for.

Some time ago I rewrited Polymer Google Map component to use Lit instead. You may take a look: lit-google-map

Related

Polymer google-map component controls seems messed up

Having a bit of trouble with google-map controls then I noticed, same issue exist here as well. https://www.webcomponents.org/element/GoogleWebComponents/google-map
After doing some further analysis it seems loading google map inside polymer component (polymer 2.x & 3.x) having this problem. Maybe some styles are not passed down correctly?
This is how mine google map looks like inside a polymer 3 component. Something seems wrong with zoom controls and full screen control. Note: I am not using google-map component here. I have a <div> inside my component and attaching the map to it like this this.map = new google.maps.Map(this.$.mapDiv, mapOptions)
Appreciate any help, thanks
You are using Polymer 3. And the component is done in Polymer 2...
Maybe, only maybe, they are not compatible and have some issues.
Did you try the older versions? The preview for v1.2.0 looks okay to me.

Reusable polymer iron-ajax custom element

I am new to Polymer. I would really appreciate the help if you guys know the answer. Let say i have a custom element called car-list.html that does nothing but call a REST API and bring back the car list. then i would like to call this custom element from different elements all over the site so i don't have to write the same code (iron-ajax) calling the same REST API 10 times throughout the site in 10 different elements. Please point me in a direction to read as i cant seem to find the answer.

Add Swing objects in Play 2.0 framework

Good afternoon,
I want to know if it will be possible to add Scala Swing objects (especially JFrame objects) in a Play 2.0 application, I look for something like this but I haven't found nothing.
I need a Text Area that the user can write, and after that when he/she submit, I need to create an instance of a Scala class which after that it will show in a JFrame are (if I can) something related with the textarea input.
I can do the textarea form with HTML but the other part I don't know how to do it if not with JFrames.
Are many other ways to do this?
The example of what I can do is (it's a App related on Lambda Calculi):
x ---> create a Var elemnt and display it in a JFrame
\x.x ----> create a Abs(Var,Var) element and display it in a JFrame
...
Can anyone help me?
Thanks in advance
Piotr's comment is correct; the two technologies (HTML and Swing) are very separate. I'm not sure exactly what you're trying to accomplish; however, it sounds like what you want to do is possible via Javascript. A good tutorial for Javascript can be found here: http://www.codecademy.com/tracks/javascript. Javascript is also very easy to integrate into a Play project; you can place your Javascript files in your project's /public folder and reference them from your HTML files using <script> tags.

Which Polymer Datepicker

I don't see an official Polymer Datepicker component. A quick web search yields the following third party components. One of the below thread has some interesting tidbits. Can we expect an official one in the coming weeks?
Polymer Date Picker
this thread hints at a material design date picker
and this thread also shows several date pickers
Calendar Datepicker
Polymer Datetime Picker
Paper Datepicker
Paper Calendar
I've created paper-date-picker (docs / demo) and paper-time-picker (docs / demo) components with the goal to mirror the android versions as closely as possible, while still having decent performance on mobile devices. I opted against infinite scroll for the date picker, as I couldn't seem to find a way to make it work without sacrificing performance.
Please test on your own devices and let me know what you think (pull requests welcomed)!
For Polymer 0.5:
I found this date-picker:
https://github.com/David-Mulder/paper-date-picker
http://david-mulder.github.io/polymer-docs/bower_components/paper-date-picker/
Doesn't use 3rd party libs.
Has good APIs(beside documented ones) as:
refreshScrollPosition, currentYear, currentMonth, currentDay,...
Example: Plunk
Tip:
Polymer, how to pass value to paper-date-picker attribute that expects string?
domReady: function(){
//paper-date-picker expects 'date' attribute to be of type DATE.
this.birthdate_date = new Date(this.birthdate);
},
Edit:
Time-picker links:
http://nemento.github.io/nemento-timepicker/components/nemento-timepicker/
http://component.kitchen/components/virtual-dev/md-timepicker
Also check out https://vaadin.com/elements/-/element/vaadin-date-picker
It has material design inspired styles, so it fits in well with other paper elements. Well documented and apache 2 licensed.

Custom Container ViewController Xamarin / Monotouch Example

Does anyone have a simple C# Example showing how you could use Custom Container ViewControllers with Xamarin / Monotouch as per this Apple documentation -
http://developer.apple.com/library/ios/#featuredarticles/ViewControllerPGforiPhoneOS/CreatingCustomContainerViewControllers/CreatingCustomContainerViewControllers.html
Instead of posting question, thought would be more helpful to go away and create an example.
https://github.com/wickedw/ViewControllerContainer/blob/master/README.md
Readme Excerpt
I got to a point within a project whereby I wanted to display 3 different "Screens" of information based on a user selection.
The TabBarController was not appropriate as the GUI sat within a UINavigationController hierarchy. Yet, the UISegmentedControl fitted the design well.
I already had my views fully coded as seperate ViewControllers (and not all using the same creation pattern, some used Monotouch Dialog, others Nib files, others Programmatic).
Therefore, I did not want to rewrite existing code to use a Single ViewController controlling multiple Views.
I also thought it was time I looked at "Custom ViewController Containers" as they seemed an ideal fit for this scenario.