Comments (4)
thanks for the catch! A wrong map provider was set in that example. I just updated it to reflect the changes
from mappa.
That seemed to remove the issue I was having before, but now I'm running into a different issue, but it seems something more about my setup. Any guidance to get the visualization to display?
mappa.js:756 You requested an image with a height of 800px. Google Maps Static API max height value is 640px. For larger images, change the scale to 2 and keep the height between 1-640px. i.e: if you want an image 800x800px, set the width and height to 400x400 and the scale to 2.
size @ mappa.js:756
p5.min.js:8 Fetch API cannot load file:///home/ben/Mappa/examples/tile/Google/data/world.geojson. URL scheme must be "http" or "https" for CORS request.
h.httpDo @ p5.min.js:8
p5.min.js:8 Uncaught (in promise) TypeError: Failed to fetch
at Object.h.httpDo (p5.min.js:8)
at e.h.loadJSON (p5.min.js:8)
at e.<anonymous> (p5.min.js:6)
at preload (script.js:40)
at e.<anonymous> (p5.min.js:6)
at new e (p5.min.js:6)
at e (p5.min.js:5)
I just edited the size of the image and that got rid of the first part. I'm going to try hosting it somewhere else to see if that fixes the second part.
from mappa.
I seem to have fixed it by hosting it on a web server so that it has access to HTTP something or other. Thank you for the help!
from mappa.
Yes, you need to set up a server for that.
Check out this tutorial for setting up a local server.
from mappa.
Related Issues (20)
- how to use with d3?
- how to use OffMaps,for example leaflet
- Touch interactions not working on MapboxGL (but work on Mapbox) HOT 1
- leaflet canvas render
- Allow for existing map to be passed into Mappa.
- Canvas element doesn't seem to update after window resize HOT 4
- Cannot draw on top of the tilemap.
- Map Size on retina devices HOT 1
- Using Leaflet methods with Mappa
- Mappa basic example not working HOT 3
- myMap.overlay(canvas) yields error: Cannot set property 'onload' of undefined HOT 1
- Example of using mappa without p5.js
- Can not control the position of map
- How to access map provider members? HOT 1
- Examples do not work
- Can I resize the map
- Destroy a whole Map? HOT 1
- Trying to make mappa and p5 work inside a React component.
- Uncaught type error when I attempt to redraw the map and overlay after deleting it. HOT 1
- Active development?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mappa.