In my project, I want to embed Google Earth inside one of the User controls. I have seen many example in web where people say how to do it using winforms. I have seen few more sample who actually integrate it in WPF but using WindowsFormsHost/HwndHost I am eliminating this to avoid the airspace problem.
What exactly in my mind is something like to have a rendering Engine class and have an image in the control and use back buffering to draw data from rendering Engine class on the Image.
Has any one integrated Google Earth without using WindowsFormsHost/HwndHost? Any help would be greatly appreciated. Thanks in advance.
Try using D3DImage. WPF gives a callback to fill in the back buffer. Have a look at great sample by Dr WPF on Code Project. You can find the sample here.
http://www.codeproject.com/Articles/28526/Introduction-to-D3DImage
~Yogesh
Related
following question:
I'm currently working on a Travel App and I thought of the idea of implementing an 3D Globe that can be rotated by the user. I thought of the Globe as a basic White Sphere with the borders of the countries visible as a stroke. All countries that have been visited should be filled with a color.
I thought of implementing it with the unity widget, but I'd like to maintain a lightweight feeling.
Is there a way to emulate js or WebGL?
What do you think is the best way to approach this?
Thank you for your time
Linus
You can use webview_flutter, I played with it a little bit to display planet models in javascript library three.js. Thanks to it you can use it like standard js instance of it with only one drawback that I didn't try to solve: I was unable to run it in browser mode as Flutter needs to emulate js itself by platform speciffic way. There is option to load js/html code from local assets but then you will not be able to load models in js directly as you will face cors policy restrictions, then the only way is to pass models as json from flutter code. It works pretty well, supports two way communication between js and flutter so you can also add events to model etc.
I've got an application built in flutter where we have a page transition that currently just sticks to pretty out of the box stack/slide.
We're trying to create a page curl effect similar to https://www.youtube.com/watch?v=e1znh05-iXY on the transition but not having much luck faking it with 2D animation/clip-path coupled with the gesture controlling the path similarly to the video being extremely difficult, almost impossible
Until we have some sort of 3D support within Flutter - the only way to do it that I can think of is using Unity3D via https://pub.dartlang.org/packages/flutter_unity_widget
But I don't know how this will work when we need it for every page?
OR
Going the other way and importing our Flutter app as a library in Unity to render every page within Unity.
Could I please gets some thoughts on whether either approach will work and any advice on a potential path forward?
Thanks in advance guys.
see this plugin, it's close to what you need you can take inspiration :)
https://pub.dartlang.org/packages/flip_card
I'm building up experience with web development and my next projects are some web maps. I've looked into Google Maps and Open Street Maps and would like to use OSM for a project as it contains more detailed information of building footprints.
I've tried styling Google Maps which seemed fairly straightforward, but I'm a little lost with OSM. I've got to the point of trying to create my own renders (with TileMill) but this is crashing my system due to the amount of data.
What I essentially need is this (but for the UK);
http://maps.stamen.com/#terrain/12/37.7706/-122.3782
Are there any resources which you can recommend or how easy/ difficult is this to create myself? I think I would need to create the map (with TileMill or similar and then find my own servers to host), or is there an easy way to convert the standard map to Grayscale?
I want to keep it as simple as possible so please any recommendations?
Turning the standard map to grayscale: I might be very late to this but for anyone else running into this question: I found a very easy solution if you're working with HTML and Javascript using OpenLayers and the standard OpenStreetMap-Tile-Layer in color. I took the solution from here: https://openlayers.org/en/latest/examples/semi-transparent-layer.html
I don't know much about web development but this solution worked for me. Upon creating the map, as done in main.js in the example from the link, a class name is defined ('bw')
className: 'bw',
that can be used in index.html to manipulate the style o f it in the part:
<style>
.bw {
filter: grayscale(100%);
}
</style>
My application was altering a pre-built web-map from the qgis2web extension for QGIS. I was able to turn the tile layers from the background map to grayscale so the results would stand out more.
You could use https://github.com/Zverik/leaflet-grayscale to display any tile layer in grayscale. It's a plugin built upon the leaflet map displaying library.
I am newbie in Xamarin; I know there must be ready components for what I need, already I searched but not yet found.
I need to create a dynamic graphic like this:
http://www.highcharts.com/demo/dynamic-update
I wore this in PhoneGap (html5 + JS), but now I'm moving to Xamarin forms and would like to know if any third component is what I need or I'll have to do everything from scratch.
Thank you.
I'm currently looking into graphing too and OxyPlots seems to be a pretty good line graph tool. I don't think it supports dynamic updating so you'd have to program it to update manually when new data points come available.
I've not gotten round to actually using this myself but I thought I'd post this here in case it works for you.
Edit: Here's a list of examples. Also you can add it to your project using nuget so it should be easy to set up.
I'm using Syncfusion controls for Xamarin.Forms and I'm satisfied with it. They also have a free license for individual developers and small businesses.
For dynamically updated Xamarin charts SciChart offers an extremely high performance solution. With the SciChart Xamarin Chart control you can draw up to a million points, zoom, pan and scroll big datasets interactively.
Check out performance demos here:
https://www.scichart.com/example/xamarin-chart-realtime-fifo-scrolling-chart-example/
https://www.scichart.com/example/xamarin-chart-performance-demo-example/
https://www.scichart.com/example/xamarin-chart-ecg-monitor-demo-example/
Disclosure: I am the tech lead on the SciChart Xamarin project
Their app is very well done, however doesn't seem to use any of the normal controls that come standard with the framework. Now it could be they just did an excellent job of restyling those components, but I'm thinking they used something like Adobe Air or something to code it which I think is allowed now whereas it wasn't in the past.
If anyone has any insight I'd really appreciate it!
I would wager that most of the main UI is done as HTML and rendered using a web view. The rest looks like standard UI with custom images.