dhtmlx has a great interface to Google maps, but there is a problem when using this on a non public, typically secure site (SSL )
Googles terms of service specifically forbids using the free version in this case. I found thay starting cost for a paid version is $10k annually.
I fell in love with the Nokia Maps API (there are a few others, but this one just worked so well, resizes great, and has such a nice API).
I connected the Nokia Maps API in the following way – this is either reference for others – please advise if there is a better way.
var main_map = ops_map_layout.cells(“a”).attachHTMLString(“
”);//Nokia Authentication token and appid
nokia.Settings.set( "appId", "<your id>");
nokia.Settings.set( "authenticationToken", "<your token>");
// Get the DOM node to which the map will be appended
var map_container = document.getElementById("map_container");
// Create a map inside the map container DOM node
var map = new nokia.maps.map.Display(map_container, {
center: [39.5, -98.5],
zoomLevel: 5,
components: [
new nokia.maps.map.component.ZoomBar(),
new nokia.maps.map.component.Behavior(),
new nokia.maps.map.component.TypeSelector(),
new nokia.maps.map.component.ContextMenu(),
]
});