Skip to main content

Trying to embed a map on a web page.

I'm trying to figure out how to improve on some local maps for my personal use and possibly for use in some local projects I'm involved with. So I've been digging around in GIS stuff online more successfully than I've ever done. These are my notes.

Stamen Maps -- free open source tile set is compatible with Leaflet and Open Layers, among others.

Open Layers example code -- So far, I'm failing to make this work on blogspot. But it's useful to have a page of sample code. This helped me begin wrapping my brain around the code. I used to write html websites by hand, so I understand some of the pieces of this code sample.

Comparing various JavaScript mapping libraries? (question is nine years old though)

Top 10 JavaScript Libraries For Creating Dynamic Maps is what lead me to Zee Maps and I wrote a review on R/CitizenPlanners.

I kind of like Leaflet and Open Layers, though I'm struggling to try to figure it out. More stuff:

Embedding a Leaflet map on a website

How to embed leaflet map to html page? (Points to tutorial. It is out of date. New, updated tutorial. But they appear to be desktop maps in QGIS.)

How to insert a map in a web page using Leaflet This map doesn't display either on their website, so it's possibly "not me." There may be something wrong with the code. These are generally old examples and something may have changed, breaking the code.

Replacing Google Maps with Leaflet, Part 1

Leaflet: Make a web map! Nice explanation of Leaflet in laymen's terms. Leaflet is not a GIS and does not provide data nor a base map. These are important details.

Embedding a leaflet map on wordpress Probably not really pertinent to my needs.

Creating An Interactive Map With Leaflet and OpenStreetMap

Anyway, I probably need to just generate a simple map using something under a creative commons license, like the Stamen site linked at the top of this page, make a screenshot and then hand edit it. I don't actually need interactivity for this project. I just need a map of a certain section of the town I live in that has certain info and is more legible than what's readily available.

However, this was a fun foray into looking at the code and feeling like it wasn't completely mystifying. It gives me hope that I may yet be able to do something interactive at some future date and actually put my Certificate in GIS to actual use.

Comments

Popular posts from this blog

Old Blockquote Code Formulary of Life

blockquote{   font-size: 1.4em;   width:70%;   margin:50px auto;        padding:1.2em 30px 1.2em 75px;   line-height:1.6;   position: relative;    } blockquote::before{   font-family:Arial;   content: "\201C";   color:#663399;   font-size:4em;   position: absolute;   left: 10px;   top:-10px; } blockquote::after{   content: ''; }

Old Eclogiselle CSS

img {   border: 1px solid #555; } blockquote{   font-size: 1.4em;   width:70%;   margin:50px auto;   font-family:Open Sans;   font-style:italic;   color: #000000;   padding:1.2em 30px 1.2em 75px;   border-left:8px solid  #555 ;   line-height:1.6;   position: relative;   background:#ffffff; }

To Python or not to Python?

I've had a lot of people recommend Python to me as a language I should learn. I have just tripped across this comment on HN : Not to be a total smartass, but if your Python codebase is not that big yet, then the correct answer is none of the above- rewrite in a compiled language if you find the lack of static checks disturbing. I have been using "type checked" python for a year and let me tell you, it is not even 10% as good as having a real compiler. Python type checkers are not even close to 100% accuracy. Now I'm wondering if Python is really a good first language to learn or not.