We are hiring a developer to create only the beginning of an MAP application. If this milestone is completed well, there will be more work to come. The requirements are as follows.For completion of this project, please have this up and running on a development webserver I can access to test its functionality as described.
MAP PROJECT OUTLINE:

This is an Interactive Map Project utilizing opens source code like openstreetmaps or open layers.
CODING:
Here is a  list of things we would like you to program with and reference with when appropriate. Please add to the list if needed.
Openstreetmap OSM ,Leafletjs, Javascript, Tilemill, Mapnik, Mapbox,PostGIS,PHP, HTML5,GitHub, Apache, GIS
*NO FLASH
*NO Google Data
If Possible we would like it to be Responsive Code Design.

MAP DATA: Start with the state of TEXAS in the  U.S.  Only render out map tiles for this region. No need to render the entire globe.
BUTTONS: http://foundation.zurb.com/docs/components/buttons.html
COLOR PALETTE / FONT: attached Color Palette.jpg
FONT: Arial, Reg- Bold
COLOR: Use this file for color selection,  Color Palette.jpg

LAYOUT DESIGN and FUNCTION: I have provided the design layout. I built it in PSD so I can provide it in layers or in parts. I also have a movie preview for YOU to study to see how the interactive and user experience part works. This part is IMPORTANT for you to study so that you understand EXACTLY what I am expecting.

INTERACTIVE MAP: http://pierrelucpepin.info/clients/vrangel/#

Phase 1:
https://vimeo.com/67069887
Phase 2:
https://vimeo.com/68385191
http://www.rangelbrothers.com/pixelbling/Pixelbling/WEB_Examples/MAP_TitleBar_Text_Boxes2/MAP_TitleBar_Text_Boxes2.mov
MGN_Online:
http://www.rangelbrothers.com/pixelbling/Pixelbling/WEB_Examples/MGN/MAP_MGN_Example02/MAP_MGN_Example02.mov

VIDPRESSO:
http://www.rangelbrothers.com/pixelbling/Pixelbling/WEB_Examples/Vidpresso01b/Vidpresso01b.mov
http://www.rangelbrothers.com/pixelbling/Pixelbling/WEB_Examples/Vidpresso02/Vidpresso02.mov

Cell Journalist:
http://www.rangelbrothers.com/pixelbling/Pixelbling/WEB_Examples/CJ01/CJ01.mov

PROJECT

MILE STONE: These are stand alone projects. If this milestone is completed well, there will be more work. The requirements are as follows:
Mile Stone 1: Map_Locations
Build layout according to layout. This includes 
- Map window
- Search box
- Layers option menu, Terrain,Roads, Highways, markers
- Pan, Zoom and Wheel mouse Zoom.
- Build Tabs that are on top of Map window.
- 4:3, HD, Title Safe, Lock Map, Full Screen. (Example https://vimeo.com/67069887 shows you how it functions)

MILE STONE: 2
Mile Stone 2: Map_Title Bar and Text Boxes
Built off of Milestone 1 build according to layout. I will upload the PSD. 
- Build according to layout. http://www.rangelbrothers.com/pixelbling/Pixelbling/WEB_Examples/MAP_TitleBar_Text_Boxes2/MAP_TitleBar_Text_Boxes2.mov
TITLE BAR:
- Make "title Bar & Text Boxes" Button under Locatios
- Title Bar fixed on Map. Off/On switch
- Edit text function in Title Bar. 
- Character limit for Title Bar, 1st Line(45 Characters) 2nd Line (45 Characters) including spaces
TEXT BOX MARKERS:
- Text box Scroll menu.
- In the text box menu there are 10 markers to choose from. However for this task we only want the first four markers. We can add the rest at a later date.
- Some text box markers have ARM pointers
- Text Box ARM pointer moves independently from BODY
- Text Box BODY  moves independently from ARM pointer
- Drop shadow option for the text box markers
- Drag and drop function onto map for the text box markers.
-  Edit text function for the text boxes. (Character Limit 45, with word wrap) 
- Text Box markers should be able to Rotate,Scale, Delete and layer
* I am open to suggestions if you see a better way of displaying these functions.

 NOTS from Pierre:
Hi victor!

I see you have outlined the job. Thats great!

Since I just saw this, the following was written before and hence now is just a draft. 
This will be a tricky one but I started getting a grip on it and research. This is what I came up with so far:

Milestones 2

- Left Menu Integration
- Top button interactions setup (currently non-existant)
- addition of a new option section
- Title bar checkbox (show/hide)
- Label list box
- Drop Shadow (show/hide) for active label (surrounded by a "toolset menu" or "tool menu" maybe? not sure how you call that)
- Addition of a light feathered inner frame layer on the map layer
- Map Title Bar
- Appears first with filler text as "text field one" and "text field two"
- On text or text area "click", the text is covered by a translucent box that communicates to the user the field is editable
and also becomes editable on press of any alphanumerical keys (edit mode)
- On mousemove (away) (and "enter" maybe?), it goes back to non-editable (view mode)
- Map Text Boxes
- At "onmousedown" event on a text box:
- the text box becomes editable (edit mode)
- the box's image is duplicated ontop of the text box image to a new instance of a text box
- The "tool menu" appears around the text box's instance ( I know, I'm pushing the insanity with THESE words lol)
- The text box becomes "draggable"
- At "onmouseup" event (after the dragging is done):
- The text box is sized to its "normal" size
- Help bubbles pop up in sequence to educate the user about each tools and dissapear momentarily (how long is that actualy?)
- The text box retains its edit mode
- At "onmousedown" outside of the clickable area:
- the text box goes to "normal" mode (personal note: or looses its edit mode)
- 
- Each text box needs the following functionality:
- Needs to be rotatable (is that even a word?) with the icon of a two-ended arrow line bended as a circumfarence of a half circle (again?)
- Needs to be sizeable (is there a min/max value?) with the two-ended arrow line
- Needs to adjust to text width
- Needs to be deletable
- Needs to be layered in it own layer and provide send to back/front capability
- If it has a "speech-bubble-like pointy thing", the tip is draggable anywhere and stretches the lines going to it along with it (...hmmm, gotta work on that one too)
- If speed is an issue, we may need to test if its better to use bitmaps, html elements or canvas elements.

Personal note:
- Must test each section seperately before integration into main application
- Must decide if stretching the canvas to the left toolbar will help with task required in this milestone
- Use HTML5's "canvas" or CSS3 or both for scaling, dragging, rotating and keep track of (for send back/front)
- Must figure out how to drag a vertex and how to make sure it streches its connected vectors (lines)
- Onmousedown of a text box, create a function called createNewLayer() which will be called from createNewTextBox()

HTML5 "canvas" is used to draw graphics, on the fly, via scripting with JavaScript
- Allows rotation of elements
- Allows scaling of elements
- Allows translation (draggin) of elements
- Allows text rendering with a way to measure the width/height BUT IS NOT EDITABLE
- Allows drawing of images
- Allows shadows
- To draw a path, one needs to use functions like fill(), stroke(), moveTo(), lineTo()

HTML/CSS3
- Allows rotation of HTML elements
- Allows scaling of HTML elements
- Allows text and the HTML can be edited
- Allows shadows of HTML elements
- Allows for the use of bitmaps
- Allows for dragging
- The width of the text is undeterminate
- Cannot draw paths (lines)