Code Monkey home page Code Monkey logo

Comments (7)

kellyhutchins avatar kellyhutchins commented on June 18, 2024

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.

upcamogie avatar upcamogie commented on June 18, 2024

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.

kellyhutchins avatar kellyhutchins commented on June 18, 2024

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.

upcamogie avatar upcamogie commented on June 18, 2024

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.

kellyhutchins avatar kellyhutchins commented on June 18, 2024

@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.

upcamogie avatar upcamogie commented on June 18, 2024

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.

kellyhutchins avatar kellyhutchins commented on June 18, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.