What is the crowd's opinion of OpenLayers?

From 3.5 billion comments

You can try OpenLayers, which is what OpenStreetMap uses. It doesn't create the image files for you, of course, but it does allow for Google Maps-style web interface. Setting it up for a single image file is fairly easy - if you want to optimise it for multiple zoom levels, it takes a bit of tinkering.

You probably already saw it, but here is a page with lots of examples:

http://www.openlayers.org/dev/examples/

And if you want to make a pretty map with your own styling and if it's not to big, go to http://mapbox.com where you can make your own, and they host it for free (if there is less than 3000 views/month)

Of course, you can style it and put on your own server for hosting.

It has worked, when I have written the {{variable }} in a separate script and also the required function call like this

<script> var actions = {{ flaskactions }} getactions(actions)

function getactions(actions){ console.log(actions) alert("Worked") }

</script> <script src="http://www.openlayers.org/api/OpenLayers.js"&gt;&lt;/script> <script src="/static/mapscript.js"> </script> </body> </html>

But I want the var actions as the global parameters of mapscript.js.

This is my folder structure and I cannot change it due to requirements of flask.

Project ......templates .................index.html ......static .................mapscript.js

I have also tried this.

<script> var actions = {{ flaskactions }} localStorage.setItem("allactions", actions); </script>

In mapscript.js

var param = localStorage.getItem("allactions ");   console.log(param)

BUT NO LUCK

I have tried as you said

This is my HTML code <div id='map'></div> <div id='graph'><img src="data:image/png;base64, {{ plot_url }}" style =" float:right ; padding-right: 60px; " alt="User Image" width="470" height="340"></div>

<script src="http://www.openlayers.org/api/OpenLayers.js"&gt;&lt;/script> <script src="/static/mapscript.js"> </script> <script> getactions({{ flaskactions }}); </script>

</body> </html>

The function to this is in <script src="/static/mapscript.js"> </script>

function getactions(param){  this.param = param;  console.log(this.param)     }

I am getting this error :

Uncaught ReferenceError: getactions is not defined