[Albatros78]

Hi Wayne,

here another issue with panel widget (I’m using MB1 1.4.2)

Into my zipped file you will have a simple html file to display a google map into a normal div. In a normal browser the html works fine.
I used the js code to create a simple mobi page and display same map.

But…
the “litlle hand” (cannot capture picture with little hand because it’s the mouse position) to drag the map is only displayed into the red rectangle… Not possible by clicking to drag the map from the right by example (the region to do that is reduced byt the panel widget). With normal html file the “little hand” is available anywhere on the map.
If I modify my _custom.js file to display the map on the main div and not the panel widget, the “little hand” is normally displayed everywhere on the map.

Also the “usage conditions” (red rectangle on the right) are not displayed at the bottom of the map !

Any feedback, suggestions for a workaround would be welcome

Thanks

Attachments:

You must be logged in to view attached files.

[Albatros78]

Hy Wayne,

In same way another issue with google map and panel widget.

The map.setUIToDefault() google command does not works fine into the panel widget.

In normal mode the picture is:

With MB1 the picture is:

My _custom.js file is:

function DisplayMap() {
var map = new GMap2(document.getElementById(“m1-map-map”));
map.setMapType(G_HYBRID_MAP);
map.addControl(new GLargeMapControl3D());
var point = new GLatLng(48.8666992188, 2.33330011368);
map.setCenter(point, 5); // fixe le centrage du map et le niveau de zoom
map.addOverlay(new GMarker(point,{title: “AF Software”}));
map.setUIToDefault();

}

Thanks again with your help

[support-michael]

@Albatros78

Will give it a look asap. The challenge is debugging integration problems is consuming many more times resources than assisting with product features. We are working to make it easier to integrate 3rd party components but we are not there yet for example with google map. Just saying I’ll get to it but it is in queue behind a few other similar user integration questions.

[DCoudron]

Hi,

We have been experiencing the same issues, the right side of the map was overlaid with a block control, (or multiple blocks, depending on how many were specified as enabled in the code). We did experience some success specifying a version of the Javascript API to be called in the HTML file:

<script type=”text/javascript”
src=”http://maps.googleapis.com/maps/api/js?v=3.5&key=INSERT_YOUR_KEY_HERE&sensor=false”&gt;
</script>

This appears to have removed the blocks on the right side of the display, however, there is still a Terms of Use link displaying on the right side we are working on removing.

Thank you,

[Albatros78]

I’m almost sure that many issues from third app implemention are generated by the panel widget.

[support-michael]

@Albatros78

I have not had much time to research the customized panel content issues and want to share some background with you.

In a nutshell the MobiOne’s panel widget and layout engine have not been generalized to work with arbitrary inclusion of custom html layout and 3rd party widgets, e.g., a google map. In order to support very challenging layout constraints such as right side and bottom auto-resize properties (almost no other product can do this in html) the layout engine must know or be able to calculate the height and width of containers such as a panel.

When arbitrary HTML is added into a panel the layout engine can loose its reference points. Thus when we change the contents of a panel, the panel must be manually resized and forced to layout the page again via javascript api. Also there can be other negative experience if the ui is rendered in a non-iOS browser (touch events, css differences, … lots of things we can never afford test).

Our plan is to introduce a number of new widgets that are compliant with the layout engine. Also we are planning an HTML Panel that will accept any arbitrary HTML code. The timeframe is Q2 after we complete the android support which has 100 percent of our resources and development commitment – including tech support (me) that is assisting with daily testing.

[Albatros78]

OK OK
I will be patient to check with these new widgets

Probably I am not alone to add some external codes into panel widget.
The purpose of mb1 is to develop of custom Webapp and everybody needs to add some external ressources

Thanks
Regards

[support-michael]

@Albatros78

>The purpose of mb1 is to develop of custom Webapp and everybody needs to add some external ressources

Message received! 🙂

[Author]

Posts