AnsweredAssumed Answered

Google Chrome for Mac and PC

Question asked by taylorsharpe on Sep 23, 2015
Latest reply on Sep 26, 2015 by ibrahim_bittar

I have a web viewer with Google Maps in it.  It works great in FileMaker Pro 13 and 14.  But it has problems in WebDirect on a Mac or PC using Google Chrome (v45) using FMS 14.0v2 on Mac Pro (Cylinder) with OS X 10.10.5.  It just gives a blank white space.  However, it does work fine in Safari on Mac or IE for Windows.  Surprisingly, it works fine on Google Chrome on an iPhone.  It also works with Safari on the iPhone. 

 

Does anyone have a suggestion as to why Google Chrome on a Mac or PC doesn't like this code?  Is there something I can change on it to make it also work on Chrome for Mac or PC?  Thanks for any suggestions. 

 

 

 

 

data:text/html,<!DOCTYPE html>

<html>

<head>

   <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

   <title>Google Maps Multiple Markers</title>

   <script src="http://maps.google.com/maps/api/js?sensor=false"

           type="text/javascript"></script>

</head>

<body>

   <div id="map" style="width: 822px; height: 512px;"></div>

    <script type="text/javascript">

     var locations = [

 

 

['Dallas Business<br>33333 Some Road, Suite 280<br>Dallas, TX  75830-6179<br><br>214-999-9999<br>www.google.com', 32.7081116, -97.80543329999999, 'http://www.google.com/mapfiles/marker.png', ' ' ],

['ACME Records<br>333 Davis Street<br>Springfield, MO  63105<br><br>333-444-5555<br>www.google.com', 30.7497621, -98.83701699999999, 'http://www.google.com/mapfiles/marker.png', ' ' ]

   ];

 

     var map = new google.maps.Map(document.getElementById('map'), {

       zoom: 10,

       center: new google.maps.LatLng(32.82893685,-96.82122514999999),

       mapTypeId: google.maps.MapTypeId.ROADMAP

     });

 

      var infowindow = new google.maps.InfoWindow();

 

     var marker, i;

 

     for (i = 0; i < locations.length; i++) {

       marker = new google.maps.Marker({

         position: new google.maps.LatLng(locations[i][1], locations[i][2]),

         map: map,

         icon: locations[i][3]

       });

 

       google.maps.event.addListener(marker, 'click', (function(marker, i) {

         return function() {

           infowindow.setContent(locations[i][0]);

           infowindow.open(map, marker);

         }

       })(marker, i));

     }

   </script>

</body>

</html>

Outcomes