Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers.

Related tags

Maps polymaps
Overview

Polymaps

Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers. See http://polymaps.org for more details.

This is the master branch, which contains the Polymaps source code. If you're looking for the Polymaps website, you should checkout the gh-pages branch instead.

Viewing Examples

You'll find lots of Polymaps examples in the suitably-named examples directory. Open any of the HTML files there in your browser to view the examples, or open them in your text editor of choice to view the source. Most of the examples are replicated on the Polymaps website, though a few of them are only visible locally.

Some of the examples depend on third-party libraries, such as jQuery. These third-party libraries are not required to use Polymaps but can certainly make it easier! All third-party libraries should be stored in the lib directory, with an associated LICENSE file and optional README.

Filing Bugs

We use GitHub to track issues with Polymaps. You can search for existing issues, and file new issues, here:

http://github.com/simplegeo/polymaps/issues

You are welcome to file issues either for bugs in the source code, feature requests, or issues with the Polymaps website.

Support

If you have questions or problems regarding Polymaps, you can get help by joining the #polymaps IRC channel on irc.freenode.net. You are also welcome to send GitHub messages or tweets to mbostock.

Build Instructions

You do not need to build Polymaps in order to view the examples; a compiled copy of Polymaps (polymaps.js and polymaps.min.js) is included in the repository.

To edit and build a new version of Polymaps, you must first install Java and GNU Make. If you are on Mac OS X, you can install Make as part of the UNIX tools included with XCode. Once you've setup your development environment, you can rebuild Polymaps by running the following command from the repo's root directory:

make

The Polymaps build process is exceptionally simple. First, all the JavaScript files are concatenated (using cat); the order of files is important to preserve dependencies. This produces the file polymaps.js. Second, this file is put through Google's Closure Compiler to minify the JavaScript, resulting in a smaller polymaps.min.js.

If you are doing development, it is highly recommended that you use the non-minified JavaScript for easier debugging. The minified JavaScript is only intended for production, where file size matters. Note that the development version is marked as read-only so that you don't accidentally overwrite your edits after a re-build.

Comments
  • Support for WMS servers, eg MapServer?

    Support for WMS servers, eg MapServer?

    I have MapServer working but from reading Polymap's documentation it doesn't have a WMS specific layer? I know about the image layer but I don't think it can be used as it doesn't generate the expected WMS request?

    Thanks

    opened by stodge 18
  • Zoom to bounds

    Zoom to bounds

    Ability to zoom and move to specific bounds (probably accepting an array of [sw, ne]) would be useful. Ideally with optional parameter for padding, for aesthetic purposes.

    req 
    opened by tomtaylor 10
  • inlining svg into html without using the SVG namespace

    inlining svg into html without using the SVG namespace

    PolyMaps is great – clean smart code. But looking at the code I see that PolyMaps is inlining svg into html without using the SVG namespace, something that has never been known to be very hygienic! This is part of the reason that PolyMaps does not work in IE9. Should be quick fix. Thanks.

    ie9 opera 
    opened by jonfrost 8
  • Is it possible to draw and animate polylines with polymaps?

    Is it possible to draw and animate polylines with polymaps?

    I would like to create a map which displays a route passing through several points. I would then like to clone this route (a series of polylines) and animate it by filling the polyline with another colour. The fill would extend as far as a user has travelled along the route.

    Would something like this be possible using polymaps?

    opened by codecowboy 7
  • Firefox 11 map.size Issue

    Firefox 11 map.size Issue

    Firefox 11 update breaks longstanding SVG transformation. This seems to suggest Firefox is enforcing something not enforced in the past, and so ignoring certain statements.

    opened by MultimediaDeveloper 6
  • Point geometries don't project properly?

    Point geometries don't project properly?

    I ran into a bit of a problem while putting together a quick map of some dots on dotspotting today: they're in the wrong place. Here's a gist to check out. That cluster of red dots on the left should be on top of the US. It's hard to say without digging deeper, but it looks like the whole layer's x translation is off by about the size of the map.

    Could be a problem with spanning the international date line?

    opened by shawnbot 6
  • Add 'pan' mode to Wheel layer

    Add 'pan' mode to Wheel layer

    Sorry, that I can't figure out how to push to my other branch with my other pull request.

    This branch has the changes suggested in the conversation from my last pull request: https://github.com/simplegeo/polymaps/pull/64

    Mainly there is a new "zoom" mode called pan which makes the map pan instead of zoom when a mouse wheel is used. I agree that keeping to the existing API is best even if it isn't semantically accurate for the zoom method. Maybe adding a mode function and having the zoom function be a copy of it and updating the documentation would be good. That way you could slowly transition to something more semantic but wouldn't have to do it now. You could even add a deprecation warning to those using an unminified version of polymaps.js.

    opened by bentomas 6
  • Polymaps not working in IE9 and Firefox 12 properly

    Polymaps not working in IE9 and Firefox 12 properly

    I love Polymaps and would like to use it in my next project. I'm playing around with Polymaps + Tilestache which is amazingly powerful!

    Unfortunately there seem to be two issues

    1. Activity on the git repo seems to have reduced to zero for quite some time.
    2. Many Polymap examples are not working correctly in Firefox and IE9. E.g. the window for the map is very small and panning works properly within that for http://polymaps.org/ex/unemployment.html in Firefox -- this leads me to believe that the underlying incompatibilities are not significant.

    Things work correctly in Chrome and Safari.

    I know this is a open source project -- I should probably try to fix these issues myself -- currently I don't know the code base very well. Maybe in the future ... but not currently!

    Can you provide a roadmap of what you would like to do for Polymaps in the future?

    opened by sidkshatriya 5
  • Any way to stopPropagation() of onclick event when moving map?

    Any way to stopPropagation() of onclick event when moving map?

    Hi there,

    I would like to listen for click events on my map but I am unsure as of how to prevent the map move event from triggering a click event once a map drag has finished.

    Is there a way to do that?

    opened by RyanEwen 5
  • Compass Layer Order / z-Index

    Compass Layer Order / z-Index

    I am dynamically adding and removing layers of points and polygons to the map. Adding and removing works great, but sometimes a polygon layer covers up the compass controls, preventing the user from being able to navigate the map.

    I have unsuccessfully tried to set the z-index for .compass. Looks like z-index doesn't work for SVGs? I have also tried to remove and re-add the compass to the map, after the new layer has loaded.

       var compass = map.add(po.compass().pan("none"));
       map.remove(compass)
    

    Unfortunately, map.remove(compass) fails to remove the compass from the map. This throws the 'x-map is not a function' error. Any suggestions on how to force the compass to the top of the map layer order?

    As a sub-question, what about determining the order of other layers? If every layer has a unique id, what is the best approach to re-order the layers?

    Thanks

    opened by tyrauber 5
  • Polymaps and IE

    Polymaps and IE

    Where I can find supported browsers? I don't know if polympas support IE but it didn't work at all in IE7 and IE6 however in documentation there is sentence

    "[...]use Scalable Vector Graphics. Existing libraries are hamstrung by the need to support antiquated browsers, in particular IE6"

    So I presume that Polymaps is designed to support "antiquated browsers"?

    opened by kierzniak 5
  • Is polymaps dead ?

    Is polymaps dead ?

    With new browser adoption, computer and phone getting more powerfull, google maps that is expensive, openstreetmap getting better, is there not a path for polymaps ?

    opened by julienfr112 0
  • Examples on website no longer work because of CORS

    Examples on website no longer work because of CORS

    I see a bunch of errors like these displayed in the browser console when accessing for example http://polymaps.org/ex/unemployment.html:

    unemployment.html:1 Access to XMLHttpRequest at 'http://polymaps.appspot.com/state/4/4/5.json' from origin 'http://polymaps.org' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. polymaps.appspot.com/state/4/4/5.json:1 Failed to load resource: net::ERR_FAILED

    opened by damianof 0
  • Navigation image viewport

    Navigation image viewport

    Hi,

    Is navigation image viewport feature provided for the main viewport.If yes,does the navigation viewport supports drag on main viewport and drags to same position in navigation viewport?

    opened by jitendrasbhati 0
  • SOURCE CODE FOR IMAGE MAP USED IN NEWSPAPER

    SOURCE CODE FOR IMAGE MAP USED IN NEWSPAPER

    I want source code for image viewer as map which on click on image areas...show same image as of are selected.For more please see link http://epaper.jagran.com/homepage.aspx

    I want to create same thing as in the link below.

    Thanks, Nitzz

    opened by nitzz 1
Owner
Urban Airship
Urban Airship
Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL

Mapbox GL JS is a JavaScript library for interactive, customizable vector maps on the web. It takes map styles that conform to the Mapbox Style Specif

Mapbox 9.4k Jan 7, 2023
An open-source JavaScript library for world-class 3D globes and maps :earth_americas:

CesiumJS is a JavaScript library for creating 3D globes and 2D maps in a web browser without a plugin. It uses WebGL for hardware-accelerated graphics

Cesium 9.7k Dec 26, 2022
An open-source JavaScript library for world-class 3D globes and maps :earth_americas:

CesiumJS is a JavaScript library for creating 3D globes and 2D maps in a web browser without a plugin. It uses WebGL for hardware-accelerated graphics

Cesium 9.7k Jan 3, 2023
This is a collection of over two hundred code samples an growing for the Bing Maps V8 web control.

Bing Maps V8 Code Samples This is a collection of over a hundred code samples for the Bing Maps V8 web control. These samples have been collected from

Microsoft 130 Dec 8, 2022
This project contains the TypeScript definitions for the Bing Maps V8 Web Control.

Bing Maps V8 TypeScript Definitions These are the official TypeScript definitions for the Bing Maps V8 Web Control. These can be used to provide intel

Microsoft 35 Nov 23, 2022
A simple web extension that redirects Twitter, YouTube, Instagram & Google Maps requests to privacy friendly alternatives.

Get Donate FIRO aEyKPU7mwWBYRFGoLiUGeQQybyzD8jzsS8 BTC: 3JZWooswwmmqQKw5iW6AYFfK5gcWTrvueE ETH: 0x90049dc59365dF683451319Aa4632aC61193dFA7 About A web

Simon Brazell 1.6k Dec 29, 2022
AngularJS directive to embed an interact with maps managed by Leaflet library

Angular Leaflet Why the fork? While we are grateful for all the original work at tombatossals/angular-leaflet-directive. We need to be able to operate

AngularUI 313 Nov 10, 2022
UNMAINTAINED Open source JavaScript renderer for Kartograph SVG maps

This project is not maintained anymore. Here are a few reasons why I stopped working on kartograph.js: there's no need to support non-SVG browsers any

null 1.5k Dec 11, 2022
the easiest way to use Google Maps

Important If you're developer, I'm moving gmaps.js to NPM, you can give your opinion and check the migration progress in Issue #404 gmaps.js - A Javas

Gustavo Leon 7.1k Dec 28, 2022
the easiest way to use Google Maps

Important If you're developer, I'm moving gmaps.js to NPM, you can give your opinion and check the migration progress in Issue #404 gmaps.js - A Javas

Gustavo Leon 7.1k Apr 7, 2021
React components for Leaflet maps

React Leaflet React components for Leaflet maps. Documentation Getting started API reference Changes See the CHANGELOG file. Contributing See the CONT

Paul Le Cam 4.4k Jan 3, 2023
Vue 2 components for Leaflet maps

Vue2Leaflet Vue2Leaflet is a JavaScript library for the Vue framework that wraps Leaflet making it easy to create reactive maps. How to install npm in

Vue Leaflet 1.9k Dec 29, 2022
Converts geojson to svg string given svg viewport size and maps extent.

geojson2svg Converts geojson to svg string given svg viewport size and maps extent. Check world map, SVG scaled map and color coded map examples to de

Gagan Bansal 163 Dec 17, 2022
Downloads satellite images from Google Maps, only slightly illegal.

Google Maps Satellite Downloader This is a script to download satellite images from Google Maps. The below mentioned optimization system requires that

null 5 Oct 31, 2022
An online tool to generate and visualize maps for irregular and/or gapped LED layouts, for use with FastLED, Pixelblaze and other libraries.

An online tool to generate and visualize maps for irregular and/or gapped LED layouts, for use with FastLED, Pixelblaze and other libraries.

Jason Coon 172 Dec 8, 2022
🖼️ Create beautiful maps from OpenStreetMap data in a webapp

prettymapp ??️ Prettymapp is a webapp to create beautiful maps from OpenStreetMap data (based on prettymaps) ?? Try it out here: prettymapp on streaml

Christoph Rieke 233 Jan 3, 2023
Dashboards-maps is a frontend plugin that helps you in uploading custom GeoJSON to OpenSearch and communicates with the geospatial backend plugin for the same.

Welcome! Project Resources Code of Conduct License Copyright Dashboards-Maps Dashboards-maps is a frontend plugin that helps you in uploading custom G

null 9 Dec 28, 2022
A very fast geospatial point clustering library for browsers and Node.

supercluster A very fast JavaScript library for geospatial point clustering for browsers and Node. <script src="https://unpkg.com/[email protected]/d

Mapbox 1.6k Jan 7, 2023
Greasemonkey script to allow marking items on the interactive map of Elden Ring as completed.

Greasemonkey script (or Tampermonkey) to allow marking items on the interactive map of Elden Ring as completed. The interactive map is a Fextralife-project, all credits for the map go to them.

Daniel Tischner 6 Jun 19, 2022