1.0life michael bloghttps://lifemichael.com/enHaim Michaelhttps://lifemichael.com/en/author/lifemichaelblog/OpenLayers Dynamic Maps PRO - life michael blogrich600338<blockquote class="wp-embedded-content" data-secret="FV5uHCl8Pn"><a href="https://lifemichael.com/en/openlayers-dynamic-maps-pro/">OpenLayers Dynamic Maps <font size=-2><a href=http://www.lifemichael.com/en/?page_id=73 target=_blank>PRO</a></font></a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://lifemichael.com/en/openlayers-dynamic-maps-pro/embed/#?secret=FV5uHCl8Pn" width="600" height="338" title="“OpenLayers Dynamic Maps <font size=-2><a href=http://www.lifemichael.com/en/?page_id=73 target=_blank>PRO</a></font>” — life michael blog" data-secret="FV5uHCl8Pn" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript">
/*! This file is auto-generated */
!function(c,l){"use strict";var e=!1,o=!1;if(l.querySelector)if(c.addEventListener)e=!0;if(c.wp=c.wp||{},c.wp.receiveEmbedMessage);else if(c.wp.receiveEmbedMessage=function(e){var t=e.data;if(!t);else if(!(t.secret||t.message||t.value));else if(/[^a-zA-Z0-9]/.test(t.secret));else{for(var r,s,a,i=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),n=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),o=0;o<n.length;o++)n[o].style.display="none";for(o=0;o<i.length;o++)if(r=i[o],e.source!==r.contentWindow);else{if(r.removeAttribute("style"),"height"===t.message){if(1e3<(s=parseInt(t.value,10)))s=1e3;else if(~~s<200)s=200;r.height=s}if("link"===t.message)if(s=l.createElement("a"),a=l.createElement("a"),s.href=r.getAttribute("src"),a.href=t.value,a.host===s.host)if(l.activeElement===r)c.top.location.href=t.value}}},e)c.addEventListener("message",c.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",t,!1),c.addEventListener("load",t,!1);function t(){if(o);else{o=!0;for(var e,t,r,s=-1!==navigator.appVersion.indexOf("MSIE 10"),a=!!navigator.userAgent.match(/Trident.*rv:11\./),i=l.querySelectorAll("iframe.wp-embedded-content"),n=0;n<i.length;n++){if(!(r=(t=i[n]).getAttribute("data-secret")))r=Math.random().toString(36).substr(2,10),t.src+="#?secret="+r,t.setAttribute("data-secret",r);if(s||a)(e=t.cloneNode(!0)).removeAttribute("security"),t.parentNode.replaceChild(e,t);t.contentWindow.postMessage({message:"ready",secret:r},"*")}}}}(window,document);
</script>
The OpenLayers open source project allows us to add dynamic maps into our web pages. Using this library we can avoid the use of Google Maps. The following code sample shows how simple it is to use OpenLayers together with data retrieved from openstreetmap.org. <!DOCTYPE html> <html lang="en"> <head> <title>openlayers simple demo</title> <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/openlayers/2.12/theme/default/style.css" […]