esriuk/mapstyler

Style an Esri vector tile layer style using an image or colour palette

mapstyler

About

mapstyler is an app to help you quickly style a vector tile layer using an image. It was built using Esri's dark gray canvas vector tile layer, version 4 of the ArcGIS API for JavaScript, Color Thief, RainbowVis-JS and Spectrum.

Check out the app here.

What's new in version 2.0?

• New design
• Modularised codebase
• Mobile version allowing you to take a picture for use to style the map
• Undo/redo stack
• Colour tweaking for maps styled using images

Issues

Find a bug or want to request a new feature? Please let us know by submitting an issue.

Grunt commands

Requirements

• nodejs
• gruntjs

Installation

• clone this repo
• cd into the root dir of project
• run: npm install
• run: grunt watch

... now if you edit the .less files the Grunt Task Runner will watch for change and compile you nice new .css files.

Licensing

Copyright 2017 ESRI (UK) Limited

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the Licence.

mapstyler's Issues

Update styles without refresh

Saving vector tile generates an invalid redirect_url

Hello first of all, I would like to say that this version 2 is great.
I was trying to generate a vector tile downloading mapstyler project and executing it on my web server.

The problem is that when I push on save button , I can see a new smaller browser window that says me invalid redirect_url instead of showing me the arcgis online login.

I supose that the problem is because of the proxy and the cliendid the app is currently using.
I tried to create a new app on my account and register it too to get a new cliendid. Then I used that cliend id and put it on portal.js

Finally as I can see, the proxy url should be pointing to your proxy url and not getting it from my current url, so I decided to force that url giving the following value "http://apps.esriuk.com/app/mapstyler/8/wmt"

Thats what I did with the first mapstyler version , and it worked. However, with this version definitely not.

So I decided to keep your client id and continue using your proxy url instead of getting it using "document.location.href" on image.js .... forgotting the idea of using my own app client id

It happens the same, and the message is talking about wrong authentication. I include the next picture using chrome dev tools analysing the network requests if it helps

Could you please tell me how can I solve this?

Again, great job with this new version, it's much better.

Regards

Enable OAuth to work with ArcGIS Enterprise

Update to latest version of ArcGIS JS API

Improved vector tile performance