Jump to content
View in the app

A better way to browse. Learn more.
FMForums.com

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

$$Map_HTML customisation

Lloyd Hird
in FM Easy Suite Framework

Featured Replies

  • Newbies

Hi there,

I am using EasyMaps and trying to integrate into my own solution. I am loving it so far, however, I have run into issues when trying to create infoWindow on Marker Click.

I had it working within maps as a standalone setup in my database before I integrated EasyMaps but now i can only load a blank screen.

Here is my code. I know it's flawed, I just don't know where lol.

"<!DOCTYPE html>¶
<html>¶
<head>¶
<meta name=\"viewport\" content=\"initial-scale=1.0, user-scalable=no\">¶
<meta charset=\"utf-8\">¶
<title>FMEasyMaps " & Get ( CurrentTimestamp ) & "</title>¶
<style>¶
html, body, #map-canvas {¶
height: 100%;¶
margin: 0px;¶
padding: 0px¶
}¶
</style>¶
¶
<script src=\"http://maps.googleapis.com/maps/api/js?key=[[API_KEY]]&v=3.exp&sensor=false\"></script>¶
¶
<script>¶
¶
function initialize() {¶
¶
var positionLatlng = new google.maps.LatLng([[START_COORDS]]);¶
¶
var mapOptions = ( {¶
zoom: 5,¶
center: positionLatlng¶
} );¶
¶
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);¶
¶
var contentString = '<div id=\"content\">'+¶
      '<div id=\"siteNotice\">'+¶
      '</div>'+¶
      '<h1 id=\"firstHeading\" class=\"firstHeading\">Tony McShane</h1>'+¶
      '<div id=\"bodyContent\">'+¶
      '<p><b>TONY</b>, also referred to as <b>Epic Douchebag</b>, is a dude from cranny' +¶
     '</p>'+¶
      '<div id=\"link_div\" style=\"text-align:centre\">'+¶
      '<a href=\"fmp://REMOVED/iCOMPLI%20Auditor_Tenancy%20Lite%20MetCash%20upgrade.fmp12?script=goto_iCompli%20Map%20Info%20Window%20Button%20Click%20TEST\">View Client Record</a>'+¶
      '</div>'+¶
      '</div>'+¶
      '</div>';¶
¶     
  var infowindow = new google.maps.InfoWindow({¶
      content: contentString¶
¶    
  });¶
¶
  });¶
 ¶
var bounds = new google.maps.LatLngBounds();¶
¶
[[MARKERS]]¶
¶
  google.maps.event.addListener(marker, 'click', function() {¶
    infowindow.open(map,marker);¶
  });¶
¶
map.fitBounds(bounds);¶
¶
}¶
¶
google.maps.event.addDomListener(window, 'load', initialize);¶
¶
</script>¶
</head>¶
<body>¶
<div id=\"map-canvas\"></div>¶
</body>¶
</html>"

Any help would be appreciated.

Edited by Lloyd Hird
Missed some info

  • Author
  • Newbies

Actually.........never mind...........I just realised this is a really stupid question!!!

 

For all of you that did the same as me and did not read the instructions correctly, the answer to the above question can be found in the EM_Info field.

 

Cheers

Create an account or sign in to comment

https://fmforums.com/topic/97129-map_html-customisation/
Go to topic listing

Similar Content

Important Information

By using this site, you agree to our Terms of Use.

I accept

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.