Build responsive web api with javascript libraries openlayers/leaflet

Cerrado Publicado hace 5 años Pagado a la entrega
Cerrado

I have built a web API in “ArcGIS Web App Builder developer edition”. Screen Shots of the web api can be found in the below mentioned link. I would like to build this API by using OPENLAYERS in javascript

….\ Project 4. Built Openlayer Javascript API\2. ScreenShots from WAB Developer edition

The purpose of creating this project is to move to open source and completely get rid of ArcGIS library.

In the screenshots, Here you will notice that widgets are on the top right corner of web api. I also need the widgets on the top right corner of web api. I have named each screen shots with their widget name.

Here you will notice that widgets are on the top right corner of web api. I also need the widgets on the top right corner of web api. I have named each picture with their widget name.

Codes for each widgets are available in the below mentioned links. You need to use the codes from the below mentioned links and create a web api (Similar to screenshots). Please make sure that it is compatible with mobile environment as well.

[login to view URL]

[login to view URL]

[login to view URL]

You can get some coding help from the below mentioned [login to view URL] library as well

[login to view URL]

4. List of widgets, Icons and code links

In this excel sheet, I have provided you all the code links for widgets and icons. You don’t have to write codes for each and every widgets or icons on the map. You just need to grab the codes and put it in a write framework/position on the map. I have provided the links were the code has been taken for “ArcGIS Web App Builder developer edition” & “ArcGIS API for Javascript” libraries but now I need to work with Openlayers /Leaflet JS library. The links for column name Openlayers /Leaflet JS library are bank for now.

5. Example along with Code

Remark

1. WABDE This is what I have built with the help of “ArcGIS web app builder developer edition”. You can grad the codes (…\Project 4. Built Openlayer Javascript API\5. Example along with Code\1. WABDE) for a respective widget

2. SAGIS I have grab the codes from ([login to view URL]) This web page is responsive as well. I have extracted another template from the below mentioned website. I would like to replicate the same template for my web api. The owner of this web page has used ArcGIS API for Javascript. One of the features I like about this web api that I am able to move the layers window/widget anywhere on the screen. It would be great if you can have that functionality for all the widget. I can explain you once you are ready to speak on this project. Extracted Files for the above mentioned templates are in the below mentioned folder. You can get an idea of the code from this link.

(…Project 4. Built Openlayer Javascript API\5. Example along with Code\2. SAGIS)

3. CMV Here is a second app link where the widgets are on the left side of the screen instead of top right corner. However I need it in top right corner only but you can get some coding help from this app as well.

[login to view URL]

(or you can down load the code from …\ Project 4. Built Openlayer Javascript API\5. Example along with Code\3. CMV)

[login to view URL]

This web api is also built in “ArcGIS API for Javascript”. One of the thing I like about this web api that I am able to move some of the widgets on the map and when I click on the return arrow it goes to its original position.I would like to have this functionality in Project 3 as well. You don’t need to develop the code right from the scratch. You just need to grab the code from (…\3 Project 4. Built Openlayer Javascript API\5. Example along with Code\3. CMV) and make it work for Project 3 framework.

Bootstrap CSS HTML JavaScript jQuery / Prototype

Nº del proyecto: #17121436

Sobre el proyecto

18 propuestas Proyecto remoto Activo hace 5 años

18 freelancers están ofertando un promedio de $20 / hora por este trabajo

leadconcept

Dear Sir, I have read Project Description & interested to discuss further, as there are few questions, which I would like to ask before giving you our estimate. Secondly, your project is posted under hourly category Más

$22 USD / hora
(65 comentarios)
8.6
anatolygenay123

Hello. I am Bootstrap4 expert and full-stack developer. I can help you perfectly. I'd like to discuss about your project more detail. Thanks

$22 USD / hora
(59 comentarios)
6.9
ifriends710

Hello. I am a GIS(Geographical Information System) expert and Web&Mobile(iOS&Android) developer. Since 10 years before I have been developing GIS applications. I graduated GIS special education course and I have r Más

$22 USD / hora
(9 comentarios)
6.5
covernal

I have 5 years of IT/Software development and deployment experience. I have expertise in Web Design & Development Python, Django, Nodejs, Ruby on Rails HTML , CSS , JS (jQuery) , HTML5, CSS3, Vue.js. PHP ( Plain P Más

$22 USD / hora
(14 comentarios)
6.0
khanhhuyna

Hi there, I’m really serious with your project. I and my team have been working on Bootstrap, CSS, HTML, Javascript, jQuery / Prototype for a long time and confident with the project that you've provided. I am sure t Más

$20 USD / hora
(127 comentarios)
6.5
rostcompany

Hello, I can start work on your project immediately once you confirm me and I am also open for further discussion if you want. I'm engaged in the development of websites, services and web applications for more than Más

$23 USD / hora
(4 comentarios)
2.9