Affordable Parking Program
Last updated
Was this helpful?
Last updated
Was this helpful?
The Public Information Office (PIO) submits requests to update the Affordable Parking Program AGOL Webapp from time to time to reflect new garage additions or changes of information. The update includes editing the garages feature class in MAINT and overwriting the service in AGOL; as well as updating the HTML/CSS of the webapp's sidebar with the new information and linking to each garage.
The feature class lives in MAINT as ATD_ADMIN.affordable_parking_garages
The mxd is in G: ATD_GIS\Parking_Enf_Mgmt\Affordable_Parking_Program\APP_simplified.mxd
The feature service in AGOL is: Affordable_Parking_Program\APP_garage_simplified
Edit setup:
You may bring in nearmap imagery and a streets FC for reference, but remember to remove them from the mxd before publishing the updates.
You can copy existing building footprints from DataMart.
Specs:
All buildings are symbolized through the COLOR field with the hexadecimal color #3fbdaa
All buildings need a building ID number in order for the sidebar link to work (more on this below). When you add a new building, sort by the BUILDING_FOOTPRINTS_2015_ID field and assign the next number in the sequence to your building.
Make sure that new buildings follow the same conventions (abbreviations, case, etc.,) as the other buildings.
After publishing the updated services to AGOL, check your work on the
Copy the above template and add it at the bottom of the list, updating the info as necessary. In the link to the building, replace the number at the end to match the new building's ID: ...find=ID". Make sure to maintain proper nesting, indentation and line breaks in the code. Test the html. Paste the new html code into the List of Garages info widget in the header of the webapp.
Start by editing the through AGOL. You'll find the code in the info widget in the header. Open it and click on the View HTML Source button on the right side to see the html list of the garages from the feature service. Clicking on the name of the garage takes users to the location on the map (via a hyperlink that reloads the map to center on the selected garage) and clicking on the email allows users to email the contact.
Next, you'll edit the source html code in github. The source code can be found . Unless PIO requests it, we don't need to edit the <style> CSS at the top of the document. Each garage that you edit or add has the following template code:
After updating the html in the webapp, check your work on the