B4J Question [ABmaterial] google map display error !?

jinyistudio · Mar 27, 2017

Hi

My project has a map display. In office net,It is correct from every computer.
It is display error as following when i copy project to my vps. Why .... !?

My vps link is = http://vps.jinyistudio.tw:8010/fun!dajia/DajiaGmPage/

Harris · Mar 27, 2017

You need API key for GoogleMap

https://www.b4x.com/android/forum/threads/abmaterial-googlemaps-geozones.69694/

Read First paragraph... Many other posts exist proclaiming the same issue.

jinyistudio · Mar 27, 2017

Hi
Thank's. following isn't API key !? what is it !?
page.UseGoogleAnalytics(ABMShared.TrackingID, Null)

Harris · Mar 27, 2017

https://www.b4x.com/android/forum/threads/abmaterial-abmgooglemap-rendering-challenge.73275/

Follow above... Sign up for Google Maps API key (search web to see how) and implement key as described...

Thanks

jinyistudio · Mar 27, 2017

Hi

I have key already but local is ok, from vps isn't OK ! form vps,I have common.js error. In local,I don't have this error !

B4X:

Sub ConnectPage()
    ABMShared.ConnectNavigationBar(page)
    '
    page.GoogleMapsAPIExtras="key=AIza---ZaJXG---EMA---nCPsg0X------1zgu8"    
    Dim gm1 As ABMGoogleMap
    gm1.Initialize(page, "gm1", 24.344390, 120.626985,15, 350, ABM.GOOGLEMAPTYPE_ROADMAP)
    gm1.Draggable = True
    gm1.HasMapTypeControl = True
    gm1.HasStreetViewControl = True
    gm1.HasZoomControl = True
    gm1.AddMapType(ABM.GOOGLEMAPTYPE_ROADMAP)
    gm1.AddMapType(ABM.GOOGLEMAPTYPE_TERRAIN)
    gm1.AddMapType(ABM.GOOGLEMAPTYPE_HYBRID)
    gm1.AddMapType(ABM.GOOGLEMAPTYPE_SATELLITE)

    page.Cell(2,1).AddComponent(gm1)
    '
    page.FinishedLoading 'IMPORTANT
    page.Refresh
    page.RestoreNavigationBarPosition
End Sub

Harris · Mar 27, 2017

Huummm, strange..

Works fine everywhere else EXCEPT your region.
Bigger controls may be at play. Google and China perhaps do not allow this.
We can only speculate what goes on beyond your (country) firewall.
You shall have to research, unless others can chime in here.

WWW may be reduced to (withrestrictions)WW.

Where is your VPS located?

jinyistudio · Mar 27, 2017

Hi

my vps in https://www.hostwinds.com/windows.php

1. I login to vps. open project with browser in the remote.
the display result is incorrect too !

2. In remote,I open google map in th firefox. location to my homw town taiwan,Dajia. It's OK

This error only in remote side !

Harris · Mar 27, 2017

jinyistudio said:
Hi

my vps in https://www.hostwinds.com/windows.php

All my vps 's are located there... ( 6 of them ).
They took over from the previous owner where I originally signed up. I have no issue with them - up 100 percent (and backed up).

You need to dig deeper, providing you have met the tasks outlined in the posts (which it seems you have).

Can't imagine what the problem is... However, WTF do I know? - basically NAFT...

jinyistudio · Mar 27, 2017

Hi

Sorry ! I have try to saying clearly with my broken english !

alwaysbusy · Mar 27, 2017

You must have created a wrong Google API key. Check https://developers.google.com/maps/documentation/javascript/

jinyistudio · Mar 28, 2017

Hi
which api do i need to enable !?

Harris · Mar 28, 2017

https://churchthemes.com/page-didnt-load-google-maps-correctly/

Javascript API - as per above link...

jinyistudio · Mar 28, 2017

HI
I copy this file to vps. I can show map and the API key is active but it for abmaterial project isn't OK !

vps.jinyistudio.tw/googlemap.html

B4X:

<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0">
    <meta charset="utf-8">
    <style>
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map {
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>

var map;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: -34.397, lng: 150.644},
    zoom: 8
  });
}

    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=A---SyALs8zp---N8IO0---tDSsR---BU1---Lo&callback=initMap"
        async defer></script>
  </body>
</html>

Harris · Mar 28, 2017

Nice... Now you are on your way.

Google Maps required this last year (an API key).
All their stuff is requiring you get an API key - free or otherwise.
Such is life in a Googled world.

jinyistudio · Mar 28, 2017

Hi

In office network is all right just in vps NG

Harris · Mar 28, 2017

jinyistudio said:
Hi

In office network is all right just in vps NG

Don't know what to say...

Eumel · Mar 28, 2017

Look if you have your API key restricted to an adress or IP

jinyistudio · Mar 28, 2017

Eumel said:
Look if you have your API key restricted to an adress or IP

View attachment 54184

I don't restricted to any one !

jinyistudio · Mar 29, 2017

Thank's alwaysbusy

You are right ! put page.GoogleMapsAPIExtras in buildpage not connectpage !

vps.jinyistudio.tw:8010/fun!dajia/DajiaGmPage/

B4J Question [ABmaterial] google map display error !?

jinyistudio

Well-Known Member

Harris

Expert

jinyistudio

Well-Known Member

Harris

Expert

jinyistudio

Well-Known Member

Harris

Expert

jinyistudio

Well-Known Member

Harris

Expert

jinyistudio

Well-Known Member

alwaysbusy

Expert

jinyistudio

Well-Known Member

Harris

Expert

jinyistudio

Well-Known Member

Harris

Expert

jinyistudio

Well-Known Member

Harris

Expert

Eumel

Active Member

jinyistudio

Well-Known Member

jinyistudio

Well-Known Member

Similar Threads