topic Thanks Gerald, and in Software Archive

Google maps Crosswalk Android build

Gerald_C_ — Sun, 12 Apr 2015 17:46:34 GMT

Hey everyone!

I'm having a problem with Google maps with my App, basically when I run the app on the emulator the map works fine, when I run it on the Intel XDK app preview the map works fine, but when I build the app to a crosswalk android app, I get an empty panel and no map.

I have whitelisted the domain http://maps.google.com in my build settings but still see no map...

My HTML code is:
<div class="upage vertical-col left panel" data-nav="nav_side" id="map_canvas" data-header="map_header" data-load="loadFinder" data-footer="none" style="width:320px;height:100%;min-height:100%;text-align:center;">
<h1>Determining Your Location</h1>
</div>

And I just load the map with the simple JS code:

var mapOptions = {
        zoom:11,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        styles: lightMapStyle,
        zoomControl: true,
        zoomControlOptions: {
          style: google.maps.ZoomControlStyle.SMALL,
          position: google.maps.ControlPosition.LEFT_TOP
        },
    };
var _map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

I'm not sure if I've missed something to do with the build settings...

Any help would be greatly appreciated!

Thanks!!

Little update, my Google maps

Gerald_C_ — Sun, 12 Apr 2015 17:53:59 GMT

Little update, my Google maps autocomplete input is not working either...

Hmmmm Sadly the Intel XDK debugger doesn't work on my phone so I could at least see what error is occuring....

I don't have a solution, but

Chris_P_Intel — Mon, 13 Apr 2015 16:16:33 GMT

I don't have a solution, but there is a Console widget in App Designer. It'll let you see any console.log messages right on your app, and you can also evaluate javascript there. You might be able to use it to help debug your app.

Thanks Chris, I'll give this

Gerald_C_ — Mon, 13 Apr 2015 19:58:41 GMT

Thanks Chris, I'll give this a go but will this "Console widget" show up when I build the app to my device?

Because as I said before the Intel App preview works fine on my phone, it's only when I build the app and install it on my phone that the Google maps and Google Maps Autocomplete stop working... :(

Could it be because don't

Gerald_C_ — Mon, 13 Apr 2015 20:05:17 GMT

Could it be because don't have the googlemaps JS library locally?

i.e. I'm using this:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=places&sensor=false"></script>

So basically I found out I

Gerald_C_ — Thu, 16 Apr 2015 07:17:24 GMT

So basically I found out I needed to whitelist more domains than just *.google.com

I got Google maps working now by whitelisting the following domains:

http://*.google.com
http://*.gstatic.com
http://*.googleapis.com
http://*.googleusercontent.com

Now for the last problem my Google maps autocomplete is still not working which I'm pretty sure once again I am missing a white listed domain will post something once I find out.

Hope this hopes anyone else as this is no where to be found in any Intel XDK documentation....

Thanks Gerald, and

Chris_P_Intel — Fri, 17 Apr 2015 16:14:07 GMT

Thanks Gerald, and congratulations on figuring it out.

Yes, the console widget shows up on the device. That's what makes it handy. Obviously, not something you want to distribute in your final app, but it has proved itself useful from time to time. The best solution in these cases is the over-the-wire debugging that the XDK affords, and second best is the weinre debugging option. But that little console widget can sometimes be handy.