|
POST
|
Hey everybody, recently I have created a heavily customized Map Journal story map and figured I share it with the community so they can extract whatever code they would like to use in their story map. Here is a list of customization: - You are able to click on any feature in the overview map and it will take you to the section where this place is featured - I added a google streetview button to each section map - I added a basemap switch button to each section - Some of the sections play audio specific to the section - A playlist of all the audio used - A mute button - Use a custom font that you have downloaded and hosted Eventually I will write a series of blog post talking about each feature and how you can implement it in your story map. Here is the link: Impressions de France Let me know what you think Tim
... View more
06-09-2016
06:39 AM
|
5
|
10
|
4679
|
|
POST
|
Yes you should be able to do that with any feature type (point/line/polygon)
... View more
06-08-2016
11:16 AM
|
0
|
0
|
487
|
|
POST
|
Thanks Ken Buja , it took a long time to make all the customization
... View more
06-08-2016
05:42 AM
|
0
|
0
|
2597
|
|
POST
|
Here is a quick rundown: In the feature service that you use in your map you need a field (call it Number) that has a number for each feature that corresponds with the section number it will be in. In your code you need the following: topic.subscribe("story-loaded-map", function(){
setTimeout(clickmap, 1000);
});
function clickmap (){
app.map.on("click", function(evt) {
//if (app.data.getCurrentSectionIndex() !== 0){
if (evt.graphic == undefined) {
console.log("no graphic");
} else {
if (evt.graphic._count > 0){
// You need to have a Number attribute in your feature layer that corresponds to section number
sectionID = evt.graphic.attributes.Number;
topic.publish("story-navigate-section", sectionID);
///////////////////////////////////////////////////////
} else {
console.log("nothing");
}
}
});
} In my example the click will work not only in the mainstage map but in all the other maps as well. You can however construct an if statement to check if the current section is 0 (the first map) to see if the click event should fire. You can see that on line 8. Let me know if you have any questions. Tim
... View more
06-08-2016
05:15 AM
|
0
|
1
|
2597
|
|
POST
|
Chris, this would be the place for you to go ArcGIS Ideas
... View more
06-07-2016
08:57 AM
|
5
|
1
|
2053
|
|
POST
|
I did this here Impressions de France Eventually I will write a blog post to explain all my customization.
... View more
06-07-2016
08:53 AM
|
1
|
3
|
2597
|
|
POST
|
Since the story map is based on dojo you could create a splash once the following event is run (map journal as an example): topic.subscribe("tpl-ready", function(){ /* * Custom Javascript to be executed when the application is ready goes here */ console.log("Map Journal is ready"); });
... View more
06-07-2016
08:45 AM
|
1
|
2
|
1986
|
|
POST
|
William, this works for me (code wise). You will still need to style it to fit your needs. Tim
... View more
06-07-2016
08:39 AM
|
1
|
9
|
2079
|
|
POST
|
I like to use chrome to debug. Just open the developer tools and navigate to the code that you changed and add a break point. Now if you zoom in and out it should pause your code.
... View more
06-07-2016
08:23 AM
|
0
|
0
|
2079
|
|
POST
|
Line 53 will call your getmyscale function. Can you open the developer console and put a breakpoint at line 55 and see if it runs when you change your scale?
... View more
06-07-2016
06:21 AM
|
0
|
12
|
2079
|
|
POST
|
Hey William, It seems like your "extent-change" event isn't called. Do you get any error messages? Tim
... View more
06-07-2016
05:53 AM
|
0
|
14
|
2079
|
|
POST
|
It would be helpful to see the code you are working with. It is hard to tell you the right code if we don't know how you have created the buffer graphic.
... View more
05-17-2016
06:00 AM
|
0
|
1
|
1504
|
|
POST
|
I moved this to the Story Map place, which should give you a better chance of getting an answer. The ESRI story map team is very active here.
... View more
05-16-2016
11:56 AM
|
0
|
1
|
1094
|
|
POST
|
What widget would you use to do the editing? You should be able to alter that code to run a query against the parcel first, wherever the user clicks, and fill a certain field with the found value. I would have maybe used the parcel ID from the search unit but then there would be an issue if the user choose a different parcel by hand.
... View more
05-16-2016
05:44 AM
|
0
|
1
|
723
|
| Title | Kudos | Posted |
|---|---|---|
| 1 | 07-06-2015 06:58 AM | |
| 1 | 05-04-2016 07:27 AM | |
| 1 | 07-06-2017 08:12 AM | |
| 1 | 10-26-2015 11:51 AM | |
| 1 | 12-12-2014 12:05 PM |
| Online Status |
Offline
|
| Date Last Visited |
11-11-2020
02:23 AM
|