Comments (7)
You'll need to replace the default web map id (Farmer's Market) in the /config/defaults.js file with your own web map id.
from compare-maps-template.
I did-- in my default.js i have this line
"appid": "",
"webmap": "",
"webmaps": ["3bf188bbbd5442dbb8922163a188311b", "b82080dd9abd4ec4a3bc18cbfb373d1d",],
these are my 2 maps listed but i see 3 panels.....what am i missing?
from compare-maps-template.
Looks like you have an extra comma after the last web map in the web maps array that might be causing a problem. Try this instead.
"appid": "",
"webmap": "3bf188bbbd5442dbb8922163a188311b",
"webmaps": ["b82080dd9abd4ec4a3bc18cbfb373d1d"],
from compare-maps-template.
thanks.
The extra comma did not matter, but what matters is the code you sent. I did not realize that if you left the webmap parameter blank,it defaults to a farmers market map.....not very helpful to have a blank value that really does have a value. But if I add my one map in webmap and the second under 'webmaps' I have success.
I am new to these resources, confusing to have something with default. you may want to very explicitly state that farmers market is a web map that will appear unless you change the webmap tag and not the webmaps. For a novice like me, reading this means if i want a single map i use webmap and for more than one i list them under 'webmaps.'
also, what is the point of the left panel other than the map title? i guess description if there is one? In other web apps, that space takes the web map description, here it does not.
thanks again for the response. keep the samples coming.....especially if you ever get related tables to work in web apps (and i dont mean WAB)
from compare-maps-template.
@upcamogie thanks for the feedback. We originally had the web map desc in the side panel but when comparing more than two maps it got very cluttered so we kept it as an area to hold contextual info about the app. If you don't want the side panel at all you can turn it off by setting showTitleAndDescription to false in the defaults.js file.
I'll work on adding some notes to the defaults.js file to try and make it more clear how to set multiple web maps.
There's a javascript code sample here that shows how to display related records that might help. https://geonet.esri.com/thread/121633
from compare-maps-template.
Info about the app is good...is there a limit on how much info you can add in this description area? can you add hyperlinks? formatting?
Thanks for the related records link....code sample looks good for someone who knows how to read it, ha. I understand the basics but unless its in an app already I have no idea on how to add this to an existing app (all of my apps are downloaded from here that i tweak ever so slightly)
from compare-maps-template.
You can add hyperlinks and formatting to the description panel. When you configure this template the info for the description panel uses whatever you enter in the 'Details' text area in the 'Side Panel Settings' section. The text editor for the 'Details' section allows you to do some minor formatting like color changes, bold, italic, underline, hyperlinks, insert image and bullets.
We do want to add related records support to one of the templates but no concrete plans yet for which one. Perhaps for the next release we'll have that capability added to one.
from compare-maps-template.
Related Issues (17)
- Behavior for deselecting map HOT 1
- please add ability to add logo HOT 8
- change color of map description HOT 1
- Add ability to consume rest services HOT 1
- More documentation HOT 1
- 'view it live' link dead
- proxy reference other than in defualt.js? HOT 6
- Update readme to include details about setting up proxy/proxy rules.
- where is compare multiple maps can see? HOT 2
- Add folder access to basemap picker HOT 3
- Home button icons missing HOT 1
- Add panel layout options HOT 1
- Add configuration option for width of side panel HOT 7
- Anchor map title boxes when scrolling HOT 2
- Max number of maps? HOT 1
- Map picker search box appearance HOT 3
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 compare-maps-template.