Skip to content

Commit

Permalink
Interim Guide for iD Editor- HR
Browse files Browse the repository at this point in the history 
Page points to English translastion
  • Loading branch information
@Anwaario
Anwaario committed Jul 27, 2015
1 parent fd19d82 commit 5e3a232
Showing 1 changed file with 6 additions and 255 deletions.
261 changes: 6 additions & 255 deletions _posts/hr/beginner/0200-12-23-id-editor.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,262 +8,13 @@ category: beginner

The iD Editor
=============
The iD editor is the new (launched 2013) web-based OpenStreetMap editor which makes it easy to edit OpenStreetMap. iD is fast and easy, and allows you to map using various data sources such as satellite imagery, GPS, and Field Papers.
This guide is currently unavailable.
It is being translated.

The iD editor is a great way to edit when you want to make small and easy changes, and you don't require all the complexity of JOSM. This chapter demonstrates the basics of editing with iD.
This guide is available in [English](http://learnosm.org/en/beginner/id-editor/)

Starting the iD Editor
----------------------
- To use iD you will need to be connected to the internet.
- Open your internet browser, and go to the OpenStreetMap website at [http://www.openstreetmap.org](http://www.openstreetmap.org).
- **Login** using your OpenStreetMap account
- Pan and zoom the map to the area that you want to edit.
- Click on the small arrow next to **Edit**. Then click **Edit with ID (in-browser editor)**.
or

![image1][]
[German](http://learnosm.org/de/beginner/id-editor/)


iD Editor User Interface
-------------------------
![image2][]

1. **Feature Panel:** This panel shows tags from the object selected on the map.
You can add or edit tags from this panel.
2. **Tools:** This panel shows basic editing tools:
- Draw point
![image3][]
- Draw line
![image4][]
- Draw shape (polygon)
![image5][]
- Undo
![image6][]
- Redo
![image7][]
- Save changes
![image8][]
3. **Map panel:** This panel show various configuration functions:
- Zoom In
![image9][]
- Zoom Out
![image10][]
- Go to your location
![image11][]
- Configure background layer
![image12][]
- Open Help Menu
![image13][]
4. **Information panel:** This panel shows various information, such as which users have contributed to the area.

Configuring the Background Layer
--------------------------------
Before you start editing, you can change the background layer.

- Click the **Background settings** button.

![image14][]

- You will see a panel like this:

![image15][]

- You can change the **brightness level** by clicking one of these boxes:

![image16][]

- There are 3 different brightness levels - 100%, 50%, and 0%. Click all of them to see the difference.
- You also can **change the background layer** based on your desired tile provider
(the default is Bing Aerial Imagery). Try the various options available from this list.
- You can add your own map tiles by clicking on **Custom**.
- For example, if you want to **add a Field Paper**, click **Custom** and enter your **FieldPaper snapshot URL**, which will be something like this:

[http://fieldpapers.org/snapshot.php?id=cqhmf2v9#18/37.80593/-122.22715](http://fieldpapers.org/snapshot.php?id=cqhmf2v9#18/37.80593/-122.22715)

![image17][]

- You also can **display GPS tracks from your computer** (GPX format). It is very easy - just drag the GPX file into ID editor.
- If there is [imagery offset](/en/editing/aerial-imagery), you can **correct the imagery offset** by clicking Fix Misalignment.

![image18][]

- Click the navigation buttons to move the imagery. Click the reset button to return to the default position.

![image20][]

Basic Editing with iD
----------------------
Before we start practicing with iD, **pan and zoom to a location that you familiar with**. You can pan by holding the left mouse button and dragging the map to your desired area.

### Adding Points
- To add a new point, click on the **Point** button.

![image3][]

- Your mouse cursor will change into plus (+) sign. Now, click on a position that you know to mark a location. For example, if you know that there is a hospital in your area, click on the hospital building.

![image21][]

- Notice that a new point is added. At the same time, the left panel will change to show a form where you can select attributes for the object. Click **Hospital** to tag the point as a hospital.

![image22][]

- You can use the forms to fill detail information about your point. You can fill hospital name, address, and/or other additional information. Note that each feature will have different form, depending on what tag you choose from the feature panel.
- If you make a mistake, such as a wrong location, you can drag your point to a new location by holding the left mouse button on your point. Or, if you want to delete your point click the left mouse button on the point and then click the button which looks like a trashcan.

![image23][]

A "point" created in the iD editor is actually a standalone "node" with a set of "tags" on it.

### Drawing Lines
- To add a new line, click on the **Line** button.

![image4][]

- Your mouse cursor will change into plus (+) sign. Find a road that hasn’t been drawn on the map and trace it. Click once on a point where the road segment begins, move your mouse, and click to add additional points. Double-click to end the drawing process. Notice the panel on the left.

![image24][]

- Just as with a point, select the appropriate tags for your line.
- You can drag points from the line by clicking your left mouse button on a point and dragging it.
- You also can move the whole line by selecting it, and choosing the **Move tool**. Then drag the line to a new position.

![image30][]

- When you click your left mouse button on a point from the line, you will see these tools:

- Delete point from line
![image23][]
- Disconnect point from line
![image26][]
- Split a line into two line from the point you’ve selected
![image27][]

- When you click your left mouse button on a line, you will see these tools:

- Delete line
![image23][]
- Create a circle from a line (only active if the line is closed)
![image29][]
- Move line
![image30][]
- Form a square shape from a line (only active if the line is closed)
![image31][]
- Reverse line direction
![image32][]

A "line" created in the iD editor is actually a "way" with "tags" on it.

### Drawing Shapes (Polygons)
- To add a new shape, click on the **Area** button.

![image34][]

- Your mouse cursor will change into plus (+) sign. Try to trace a building using the imagery as a guide.
- You will notice that the color of your shape will change depending on the attributes that you assign to it.

![image35][]

- The tools that are available when you select a shape are similar to those when you click on a line.

A "polygon" in the iD editor is actually a "closed way" with tags on it.

Saving Your Changes
--------------------
- When (and if) you want to save your edits to OpenStreetMap, click the **Save**
button. The panel on the left will show the upload panel.

![image36][]

- Enter a comment about your edits and click **Save**.


Additional Information and Custom Tags
---------------------------------------
- When you are editing and object, you will see a strip of icons at the bottom of the attribute panel. You can add additional information by clicking these icons:

- Add elevation
![image37][]
- Add notes
![image38][]
- Add contacts / phone number
![image39][]
- Add source tag
![image40][]
- Add website
![image41][]
- Add accessibility information
![image42][]
- Add Wikipedia link
![image43][]

- Or, you can add custom tags by clicking **All tags**.

![image44][]

- This will show all the tags attached to the feature.

![image45][]

- Click the plus sign (+) to add keys and values or click the trash icon to delete tags.

ID versus JOSM
---------------
iD is good for...

- When you are doing simple edits
- When you have fast internet to load the imagery and save the edits
- When you want to be sure to follow a consistent and simple tagging scheme

JOSM is better...

- When you are adding many buildings (buildings tool in JOSM is best for that)
- When you are editing many polygons or lines that already exist
- When you are on an unreliable internet connection or offline
- When you are using a specific tagging scheme (or custom presets)


[image1]: /images/beginner/id-editor_image1.png
[image2]: /images/beginner/id-editor_image2.png
[image3]: /images/beginner/id-editor_image3.png
[image4]: /images/beginner/id-editor_image4.png
[image5]: /images/beginner/id-editor_image5.png
[image6]: /images/beginner/id-editor_image6.png
[image7]: /images/beginner/id-editor_image7.png
[image8]: /images/beginner/id-editor_image8.png
[image9]: /images/beginner/id-editor_image9.png
[image10]: /images/beginner/id-editor_image10.png
[image11]: /images/beginner/id-editor_image11.png
[image12]: /images/beginner/id-editor_image12.png
[image13]: /images/beginner/id-editor_image13.png
[image14]: /images/beginner/id-editor_image14.png
[image15]: /images/beginner/id-editor_image15.png
[image16]: /images/beginner/id-editor_image16.png
[image17]: /images/beginner/id-editor_image17.png
[image18]: /images/beginner/id-editor_image18.png
[image19]: /images/beginner/id-editor_image19.png
[image20]: /images/beginner/id-editor_image20.png
[image21]: /images/beginner/id-editor_image21.png
[image22]: /images/beginner/id-editor_image22.png
[image23]: /images/beginner/id-editor_image23.png
[image24]: /images/beginner/id-editor_image24.png
[image25]: /images/beginner/id-editor_image25.png
[image26]: /images/beginner/id-editor_image26.png
[image27]: /images/beginner/id-editor_image27.png
[image28]: /images/beginner/id-editor_image28.png
[image29]: /images/beginner/id-editor_image29.png
[image30]: /images/beginner/id-editor_image30.png
[image31]: /images/beginner/id-editor_image31.png
[image32]: /images/beginner/id-editor_image32.png
[image33]: /images/beginner/id-editor_image33.png
[image34]: /images/beginner/id-editor_image34.png
[image35]: /images/beginner/id-editor_image35.png
[image36]: /images/beginner/id-editor_image36.png
[image37]: /images/beginner/id-editor_image37.png
[image38]: /images/beginner/id-editor_image38.png
[image39]: /images/beginner/id-editor_image39.png
[image40]: /images/beginner/id-editor_image40.png
[image41]: /images/beginner/id-editor_image41.png
[image42]: /images/beginner/id-editor_image42.png
[image43]: /images/beginner/id-editor_image43.png
[image44]: /images/beginner/id-editor_image44.png
[image45]: /images/beginner/id-editor_image45.png
To help produce translations for this site, go to [https://www.transifex.com](https://www.transifex.com) and search for **HOT-OSM**.

0 comments on commit 5e3a232

Please sign in to comment.