Start your Javascript App right!

[#1]

Hey everybody,

Whenever I create a mapping application from scratch I start out with the same question, what basemap will I use and what extent will I use? This results in looking up each basemaps name and trying to find the right extent.

After that I need to know which modules to load, to make sure my require works.

To make it easier on myself, I created an app in which I can choose my basemap and also look for the right extent. Once I have accomplished this, I can click on "Go to require" and add any module I need to start my app.

Try it out and Get your map!

If there is a specific require that is missing and you think needs to be added quickly, leave a comment.

To Do List:

- Add requires that were added since 3.17.

- Automatically add domReady!

- Add dojo theme choice.

- Include some basic code and html code when adding some dijits (i.e. Homebutton)

Version 4 update:

- I have added a require builder to the tool (Originally created by Derek Swingley) . I fixed a bug in his version and it seems the support stopped at version 3.8. Once you are done with getting your extent and basemap, click on "Go to require". I am using html5 to bring over your map constructor.

Version 17 update:

Added home button div, code and style.

Enjoy!

Tim

[SteveCole]

That's pretty slick and useful, so thanks. I remember bookmarking an ESRI "app" which helped with extracting extents but I like this better.

Steve

[TimWitt2]

This is what I used to use to get my extent: Create Map

I'm glad my app is helpful.

[AdrianWelsh]

This is great and easy to use! Thanks for sharing this.

[TimWitt2]

No problem, always glad when I can help!

[TimWitt2]

Steve Cole​ Adrian Welsh​ Jake Skinner​ Rebecca Strauch, GISP​ Miriam Brockmann​

I have added the option to drag and drop a map service into the map. Let me know if this is helpful or too much.

[AdrianWelsh]

Wow, I like it. I suppose there is not a way to remove the services once they are in there (without refreshing), but that really isn't a big deal.

[TimWitt2]

You can drop another service in there and it will automatically remove the previous service.

I can add a button which will remove any service.

[RebeccaStrauch__GISP]

Tim, nice tool.   I see it doesn't like a non web mercator aux coordinate/reference system drag an drop, for example this service   which is Alaska Albers.  Using non WMA is always a challenge it seems.  How easy would it be (for me) to modify the code? (assuming you don't want to mess with it.)

[TimWitt2]

Well at least there is good news because the feature service is added 

I think we need to adjust the automatic zoom.

[MiriamBrockmann]

Great Job!

[RobertScheitlin__GISP]

Tim,

   Suggestion, when you use "go to require" you should probably add the Map require and positional argument automatically since you are adding the map code automatically.

[TimWitt2]

Robert,

that is a good idea. I just need to figure out how to do that. I also thought domReady! should be automatically added. Since I am working with code that somebody else has created it might take a little bit.

[GeorgieCassar]

Great Stuff. Will help me indeed.

[TimWitt2]

Let me know if you can think of anything else that needs to be added!

[RickeyFight]

Tim this is an amazing resource!

One idea is adding the basic code block that is needed. Such as

    var home = new HomeButton({
        map: map
      }, "HomeButton");
      home.startup();

and the Div

I know that this would not work on all but it could work on some.

[TimWitt2]

That's a great idea!

Maybe add a third template that will include base code and div for things like HomeButton, scalebar, searchbar....?

[RobertScheitlin__GISP]

Tim can you not just add the string to the existing template if some one chooses the HomeButtom dijit?

[TimWitt2]

I guess I could add it to the fullhtml template.

[TimWitt2]

Rickey Fite​ Just added the HomeButton, try it out!

[RobertScheitlin__GISP]

Tim,

  This is great work. Now if you can work out the indention/formatting on the fullhtml template.

[TimWitt2]

Sadly I am not a wiz when it comes to html/css, it might take a little

[TimWitt2]

I cleaned it up, wasn't as hard as I thought.

[RickeyFight]

Tim,

This is great!!

One more suggestion:

On the Modules that have the add in such as the home button make it bold or put a star next to it so that it is obvious what one has a template added.

[TimWitt2]

That is something I will add once I am done with everything else, but it is a good idea.