Google Maps Javascript Api Not Displaying In Chrome (FileMaker)Get the real width and height of an image with JavaScript? (in Safari/Chrome)How can I display a JavaScript object?Google Maps API v3: How to remove all markers?Storing Objects in HTML5 localStorageGoogle Maps JS API v3 - Simple Multiple Marker ExampleHow do I get ASP.NET Web API to return JSON instead of XML using Chrome?How to set a JavaScript breakpoint from code in Chrome?Why does google maps API not load on firefox?Cannot display HTML string“google is not defined” error calling google maps api in Chrome
Brothers & sisters
If human space travel is limited by the G force vulnerability, is there a way to counter G forces?
What is the most common color to indicate the input-field is disabled?
Reserved de-dupe rules
How can I tell someone that I want to be his or her friend?
A reference to a well-known characterization of scattered compact spaces
Is "remove commented out code" correct English?
Why is it a bad idea to hire a hitman to eliminate most corrupt politicians?
Modeling an IP Address
Fully-Firstable Anagram Sets
Why is Collection not simply treated as Collection<?>
AES: Why is it a good practice to use only the first 16bytes of a hash for encryption?
Is it inappropriate for a student to attend their mentor's dissertation defense?
Is it possible to create light that imparts a greater proportion of its energy as momentum rather than heat?
Arrow those variables!
Western buddy movie with a supernatural twist where a woman turns into an eagle at the end
Why is consensus so controversial in Britain?
In Romance of the Three Kingdoms why do people still use bamboo sticks when paper had already been invented?
What is the intuition behind short exact sequences of groups; in particular, what is the intuition behind group extensions?
Why do I get two different answers for this counting problem?
Should I tell management that I intend to leave due to bad software development practices?
How is it possible to have an ability score that is less than 3?
Would Slavery Reparations be considered Bills of Attainder and hence Illegal?
Theorems that impeded progress
Google Maps Javascript Api Not Displaying In Chrome (FileMaker)
Get the real width and height of an image with JavaScript? (in Safari/Chrome)How can I display a JavaScript object?Google Maps API v3: How to remove all markers?Storing Objects in HTML5 localStorageGoogle Maps JS API v3 - Simple Multiple Marker ExampleHow do I get ASP.NET Web API to return JSON instead of XML using Chrome?How to set a JavaScript breakpoint from code in Chrome?Why does google maps API not load on firefox?Cannot display HTML string“google is not defined” error calling google maps api in Chrome
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
Want: Use the Google Maps Javascript API to display a map in Chrome. I'm using Google Maps' Simple Map code as an example.
Issue: I work in a program called FileMaker which uses a web viewer that can display HTML. However, FileMaker wraps all the HTML code within an <iframe> tag.
What I get: Opening the FileMaker solution in WebDirect on Chrome, blank white screen in my web viewer.
Other: Map works in Safari but not on Firefox or Chrome. Also this was working like a week ago on Chrome but now is not.
Any ideas or reasons to why it's working in Safari but not Firefox or Chrome now? Extra security preferences?
This is the Google Maps' Simple Map code:
https://developers.google.com/maps/documentation/javascript/examples/map-simple
`<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<style>
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map
height: 100%;
/* Optional: Makes the sample page fill the window. */
html, body
height: 100%;
margin: 0;
padding: 0;
</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=YOUR_API_KEY&callback=initMap"
async defer></script>
</body>
</html>`
javascript html google-maps
google-chrome filemaker asked Mar 8 at 0:21
KennyOKennyO
61
|
show 2 more comments
Want: Use the Google Maps Javascript API to display a map in Chrome. I'm using Google Maps' Simple Map code as an example.
Issue: I work in a program called FileMaker which uses a web viewer that can display HTML. However, FileMaker wraps all the HTML code within an <iframe> tag.
What I get: Opening the FileMaker solution in WebDirect on Chrome, blank white screen in my web viewer.
Other: Map works in Safari but not on Firefox or Chrome. Also this was working like a week ago on Chrome but now is not.
Any ideas or reasons to why it's working in Safari but not Firefox or Chrome now? Extra security preferences?
This is the Google Maps' Simple Map code:
https://developers.google.com/maps/documentation/javascript/examples/map-simple
`<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<style>
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map
height: 100%;
/* Optional: Makes the sample page fill the window. */
html, body
height: 100%;
margin: 0;
padding: 0;
</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=YOUR_API_KEY&callback=initMap"
async defer></script>
</body>
</html>`
javascript html google-maps
google-chrome filemaker asked Mar 8 at 0:21
KennyOKennyO
61
What happens if you set up the height of the "map" div explicitly, in pixels? Say, put 500px and see if it's shown.
– Skipper
Mar 8 at 0:29
Are you using the FileMaker solution in Web Direct?
– Neil Simpson
Mar 8 at 6:30
@Skipper tried, same issue
– KennyO
Mar 9 at 0:18
@NeilSimpson Yes, I should have made that more clear. I will edit original post.
– KennyO
Mar 9 at 0:19
@KennyO, have you 1) set up your proper API key and 2) check the Chrome's console if there are any errors 3) check developer's Chrome console to check if this element (#map) exists at all?
– Skipper
Mar 9 at 0:23
|
show 2 more comments
Want: Use the Google Maps Javascript API to display a map in Chrome. I'm using Google Maps' Simple Map code as an example.
Issue: I work in a program called FileMaker which uses a web viewer that can display HTML. However, FileMaker wraps all the HTML code within an <iframe> tag.
What I get: Opening the FileMaker solution in WebDirect on Chrome, blank white screen in my web viewer.
Other: Map works in Safari but not on Firefox or Chrome. Also this was working like a week ago on Chrome but now is not.
Any ideas or reasons to why it's working in Safari but not Firefox or Chrome now? Extra security preferences?
This is the Google Maps' Simple Map code:
https://developers.google.com/maps/documentation/javascript/examples/map-simple
`<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<style>
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map
height: 100%;
/* Optional: Makes the sample page fill the window. */
html, body
height: 100%;
margin: 0;
padding: 0;
</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=YOUR_API_KEY&callback=initMap"
async defer></script>
</body>
</html>`
javascript html google-maps
google-chrome filemaker asked Mar 8 at 0:21
KennyOKennyO
61
Want: Use the Google Maps Javascript API to display a map in Chrome. I'm using Google Maps' Simple Map code as an example.
Issue: I work in a program called FileMaker which uses a web viewer that can display HTML. However, FileMaker wraps all the HTML code within an <iframe> tag.
What I get: Opening the FileMaker solution in WebDirect on Chrome, blank white screen in my web viewer.
Other: Map works in Safari but not on Firefox or Chrome. Also this was working like a week ago on Chrome but now is not.
Any ideas or reasons to why it's working in Safari but not Firefox or Chrome now? Extra security preferences?
This is the Google Maps' Simple Map code:
https://developers.google.com/maps/documentation/javascript/examples/map-simple
`<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<style>
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map
height: 100%;
/* Optional: Makes the sample page fill the window. */
html, body
height: 100%;
margin: 0;
padding: 0;
</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=YOUR_API_KEY&callback=initMap"
async defer></script>
</body>
</html>`
javascript html google-maps
google-chrome filemaker javascript html google-maps
google-chrome filemaker asked Mar 8 at 0:21
KennyOKennyO
61
asked Mar 8 at 0:21
KennyOKennyO
61
edited Mar 9 at 0:20
KennyO
asked Mar 8 at 0:21
KennyOKennyO
61
asked Mar 8 at 0:21
KennyOKennyO
61
asked Mar 8 at 0:21
KennyOKennyO
61
61
What happens if you set up the height of the "map" div explicitly, in pixels? Say, put 500px and see if it's shown.
– Skipper
Mar 8 at 0:29
Are you using the FileMaker solution in Web Direct?
– Neil Simpson
Mar 8 at 6:30
@Skipper tried, same issue
– KennyO
Mar 9 at 0:18
@NeilSimpson Yes, I should have made that more clear. I will edit original post.
– KennyO
Mar 9 at 0:19
@KennyO, have you 1) set up your proper API key and 2) check the Chrome's console if there are any errors 3) check developer's Chrome console to check if this element (#map) exists at all?
– Skipper
Mar 9 at 0:23
|
show 2 more comments
What happens if you set up the height of the "map" div explicitly, in pixels? Say, put 500px and see if it's shown.
– Skipper
Mar 8 at 0:29
Are you using the FileMaker solution in Web Direct?
– Neil Simpson
Mar 8 at 6:30
@Skipper tried, same issue
– KennyO
Mar 9 at 0:18
@NeilSimpson Yes, I should have made that more clear. I will edit original post.
– KennyO
Mar 9 at 0:19
@KennyO, have you 1) set up your proper API key and 2) check the Chrome's console if there are any errors 3) check developer's Chrome console to check if this element (#map) exists at all?
– Skipper
Mar 9 at 0:23
What happens if you set up the height of the "map" div explicitly, in pixels? Say, put 500px and see if it's shown.
– Skipper
Mar 8 at 0:29
What happens if you set up the height of the "map" div explicitly, in pixels? Say, put 500px and see if it's shown.
– Skipper
Mar 8 at 0:29
Are you using the FileMaker solution in Web Direct?
– Neil Simpson
Mar 8 at 6:30
Are you using the FileMaker solution in Web Direct?
– Neil Simpson
Mar 8 at 6:30
@Skipper tried, same issue
– KennyO
Mar 9 at 0:18
@Skipper tried, same issue
– KennyO
Mar 9 at 0:18
@NeilSimpson Yes, I should have made that more clear. I will edit original post.
– KennyO
Mar 9 at 0:19
@NeilSimpson Yes, I should have made that more clear. I will edit original post.
– KennyO
Mar 9 at 0:19
@KennyO, have you 1) set up your proper API key and 2) check the Chrome's console if there are any errors 3) check developer's Chrome console to check if this element (#map) exists at all?
– Skipper
Mar 9 at 0:23
@KennyO, have you 1) set up your proper API key and 2) check the Chrome's console if there are any errors 3) check developer's Chrome console to check if this element (#map) exists at all?
– Skipper
Mar 9 at 0:23
|
show 2 more comments
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55054935%2fgoogle-maps-javascript-api-not-displaying-in-chrome-filemaker%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55054935%2fgoogle-maps-javascript-api-not-displaying-in-chrome-filemaker%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
What happens if you set up the height of the "map" div explicitly, in pixels? Say, put 500px and see if it's shown.
– Skipper
Mar 8 at 0:29
Are you using the FileMaker solution in Web Direct?
– Neil Simpson
Mar 8 at 6:30
@Skipper tried, same issue
– KennyO
Mar 9 at 0:18
@NeilSimpson Yes, I should have made that more clear. I will edit original post.
– KennyO
Mar 9 at 0:19
@KennyO, have you 1) set up your proper API key and 2) check the Chrome's console if there are any errors 3) check developer's Chrome console to check if this element (#map) exists at all?
– Skipper
Mar 9 at 0:23