Most of the applications we are using today in our day today life will show live location and data on maps. Example from online stores to food delivery application we are using maps.
我们今天生活中使用的大多数应用程序将在地图上显示实时位置和数据。 从在线商店到食品配送应用程序的示例，我们正在使用地图。
Maps are wide used to represent data and we always expect to be more interactive. There are many different libraries and plugins available for maps either paid or open source.
地图广泛用于表示数据，我们一直希望互动性更高。 有许多不同的库和插件可用于付费或开源地图。
Google maps isn’t the right solution for your map application. It doesn’t provide any customisation option to make it more convenient for yourself. If you want to make it with your functions you have to go for the open source available in the market.
Google地图不是您的地图应用程序的正确解决方案。 它没有提供任何自定义选项来使您自己更方便。 如果您想利用自己的功能来做到这一点，就必须选择市场上可用的开源软件。
In this article, we will see the different maps available containing JavaScript tools for working with maps libraries.
在本文中，我们将看到可用的不同地图，其中包含用于处理地图库JavaScript工具。
There are lot of tools available to work with JavaScript. So we can category them according to that.
有很多可用于JavaScript的工具。 因此，我们可以根据此分类。
Libraries: It will expose classes and functions by allowing them to build applications at a higher level of programming.
库 ：通过允许类和函数在更高级别的编程中构建应用程序，它将公开类和函数。
Wrappers: It act as an interface between caller and the wrapped code.
包装器 ：它充当调用者和包装的代码之间的接口。
Toolkits: It is very modular and easily integrated into a custom application.
工具包 ：它是非常模块化的，可以轻松集成到自定义应用程序中。
Frameworks: A reusable components for enabling and supporting services, configured and integrated with application code.
框架 ：用于启用和支持服务的可重用组件，已配置并与应用程序代码集成。
Clients: Final product needed-to-use Web mapping applications.
客户 ：最终产品需要使用的Web映射应用程序。
It depends upon how you will use them and how much you want to customize it to make more interactive.
这取决于您将如何使用它们以及要定制多少以使其更具交互性。
When you choose the tool for your map. You have to choose first either paid or open source framework. Both of them have lot of functionality.
当您选择地图工具时。 您必须先选择付费或开源框架。 他们两个都有很多功能。
Consider the two big product, Google Maps and Leaflet. Google maps are controlled by Google. Any updates available will be scheduled by google. For Leaflet updates are frequent and it release new version with new features. The plugin update is independent from the entire update.
考虑一下两大产品Google Maps和Leaflet。 Google地图由Google控制。 任何可用的更新都将由Google安排。 对于Leaflet，更新非常频繁，并且会发布具有新功能的新版本。 插件更新与整个更新无关。
Some of the tools will reduce the amount of work to produce interactive maps. It allows you to make a dynamic maps with only a few lines of codes.
一些工具将减少制作交互式地图的工作量。 它使您仅需几行代码即可制作动态地图。
The JS library will make you to add marker function, draw custom route line about certain points on maps.
JS库将使您添加标记功能，在地图上的某些点附近绘制自定义路线。
The CSS will allows you to add custom styles in your map. By considering all these functionalities we consolidated following libraries that will help the developers to make complex maps easily and quickly.
CSS将允许您在地图中添加自定义样式。 通过考虑所有这些功能，我们合并了以下库，这些库将帮助开发人员轻松快速地制作复杂的地图。
Web-site: https://leafletjs.com/GitHub stars: 28.1k, https://github.com/Leaflet/Leaflet/Pricing: FreeMap Data Source: OpenStreetMapDependencies: NoneCategory: LibraryExamples/Demo/Gallery: https://leafletjs.com/examples.html
网站 ： https ://leafletjs.com/ GitHub星级 ：28.1k， https ://github.com/Leaflet/Leaflet/ 定价 ：免费地图数据源 ：OpenStreetMap 依赖关系 ：无类别 ：库示例/演示/画廊 ： https://leafletjs.com/examples.html
Leaflet is one of the best JavaScript open source library for creating mobile friendly maps. It contains lots of plugins to add it in your maps. It is supported by many companies like GitHub, Facebook, Flickr etc..
Leaflet是用于创建移动友好地图的最佳JavaScript开源库之一。 它包含许多插件，可将其添加到地图中。 它得到了GitHub，Facebook，Flickr等许多公司的支持。
It contains strong documentation and various examples for beginners to start their projects.
它包含功能强大的文档和供初学者开始其项目的各种示例。
Web-site: https://openlayers.org/GitHub stars: 7.1k, https://github.com/openlayers/openlayersPricing: FreeMap Data Source: OpenStreetMapDependencies: NoneCategory: LibraryExamples: https://openlayers.org/en/latest/examples/
网站 ： https ://openlayers.org/ GitHub星级 ：7.1k， https ://github.com/openlayers/openlayers 定价 ：免费地图数据源 ：OpenStreetMap 依赖关系 ：无类别 ：库示例 ： https：// openlayers .org / en / latest / examples /
OpenLayers is also an best open source JavaScript framework for creating interactive maps. You can choose different type of styles maps using vector tiles. It is also capable of converting the vector data into GeoJson format.
OpenLayers还是用于创建交互式地图的最佳开源JavaScript框架。 您可以使用矢量图块选择不同类型的样式图。 它还能够将矢量数据转换为GeoJson格式。
It also provides a better documentation and working code samples for the developers.
它还为开发人员提供了更好的文档和工作代码示例。
Web-site: https://www.mapbox.com/GitHub stars: 6.1k, https://github.com/mapbox/mapbox-gl-jsPricing: Free, starts from $2.40 for 1000 loadsMap Data Source: MapboxDependencies: NoneCategory: Web ApplicationExamples: https://docs.mapbox.com/mapbox-gl-js/examples/
网站 ： https ://www.mapbox.com/ GitHub星级 ：6.1k， https ://github.com/mapbox/mapbox-gl-js 定价 ：免费，每千次装载$ 2.40起价地图数据源 ：Mapbox 依赖项 ：无类别 ：Web应用程序示例 ： https : //docs.mapbox.com/mapbox-gl-js/examples/
Mapbox is the most advanced mapping solutions for creating highly performance interactive maps. It is built by developers experience with more functions like custom markers, vector tiles, static maps, geocoding. It provides satellite images as well as directions.
Mapbox是用于创建高性能交互式地图的最先进的地图解决方案。 它是由开发人员构建的，具有更多功能，例如自定义标记，矢量图块，静态地图，地理编码。 它提供卫星图像以及方向。
It also provides online editor to make your custom maps quickly with your own data. The documentation is also well designed and easy to use.
它还提供在线编辑器，可使用您自己的数据快速制作自定义地图。 该文档还经过精心设计，易于使用。
Web-site: https://developers.google.com/maps/documentationPricing: Free, starts from $2 for per 1000 requests loads in static mapsMap Data Source: GoogleDependencies: NoneCategory: Web ApplicationExamples: https://developers.google.com/maps/documentation/javascript/examples
网站 ： https : //developers.google.com/maps/documentation 定价 ：免费，静态地图中每1000个请求加载的费用为2美元。 地图数据源 ：Google 依赖关系 ：无类别 ：网络应用示例 ： https：// developers.google.com/maps/documentation/javascript/examples
Google maps API is best for everyone whether experienced or beginners. It is easy integrate Google maps with any application or websites. Moreover the WordPress users have more plugins to add JavaScript Google Maps API.
Google Maps API最适合有经验的人或初学者。 将Google地图与任何应用程序或网站轻松集成。 此外，WordPress用户还有更多插件可以添加JavaScript Google Maps API。
Web-site: https://datamaps.github.io/GitHub stars: 3.4k, https://github.com/markmarkoh/datamapsPricing: FreeMap Data Source: D3.jsDependencies: D3.js and TopoJSONCategory: LibraryExamples: https://datamaps.github.io/
网站 ： https ://datamaps.github.io/ GitHub星级 ：3.4k， https ://github.com/markmarkoh/datamaps 定价 ：免费地图数据源 ：D3.js 依赖关系 ：D3.js和TopoJSON 类别 ：库示例 ： https : //datamaps.github.io/
Datamaps is an interactive maps for data visualization. It is bundled into an single JavaScript file. It is stored as JSON format and you can create any custom maps easily with the following structure.
Datamaps是用于数据可视化的交互式地图。 它被捆绑到一个JavaScript文件中。 它以JSON格式存储，您可以使用以下结构轻松创建任何自定义地图。
Web-site: https://www.microsoft.com/en-us/maps/choose-your-bing-maps-apiPricing: Free, custom (on request)Map Data Source: Bing MapsDependencies: NoneCategory: Web ApplicationExamples: https://docs.microsoft.com/en-us/bingmaps/v8-web-control/index
网站 ： https : //www.microsoft.com/zh-cn/maps/choose-your-bing-maps-api 定价 ：免费，自定义(应要求提供) 地图数据源 ：Bing Maps 依赖关系 ：无类别 ：Web应用程序示例 ： https : //docs.microsoft.com/en-us/bingmaps/v8-web-control/index
This maps is created by Microsoft and it is a very popular mapping platform. It contains AJAX SDK that provides sample codes and snippets for developers to build custom maps. It provides multiple API functions such as REST services and spatial data services.
该地图是由Microsoft创建的，它是一个非常流行的地图平台。 它包含AJAX SDK，该SDK提供了示例代码和摘要，供开发人员构建自定义地图。 它提供了多种API功能，例如REST服务和空间数据服务。
Web-site: https://developers.arcgis.com/Pricing: Free, from $125 monthlyMap Data Source: EsriDependencies: NoneCategory: FrameworkExamples: https://developers.arcgis.com/javascript/3/jssamples/
网站 ： https : //developers.arcgis.com/ 定价 ：免费，每月125美元起地图数据来源 ：Esri 依赖关系 ：无类别 ：框架示例 ： https : //developers.arcgis.com/javascript/3/jssamples/
ArcGIS is an JavaScript light weight framework for maps to embed easily into any applications or websites. It is loaded with tons of features and samples. The developers portals contains the ArcGIS API and SDK. It has a good documentation for developers.
ArcGIS是一个JavaScript轻量级框架，可将地图轻松嵌入到任何应用程序或网站中。 它包含大量功能和示例。 开发人员门户包含ArcGIS API和SDK。 它为开发人员提供了很好的文档。
Web-site: https://www.zeemaps.com/Pricing: Free, from $19.95 per monthDependencies: NoneCategory: Web ApplicationExamples: https://www.zeemaps.com/mobile?group=1971477
网站 ： https : //www.zeemaps.com/ 定价 ：免费，每月19.95美元起依赖关系 ：无类别 ：Web应用程序示例 ： https : //www.zeemaps.com/mobile?group=1971477
Zeemaps is an enterprise level mapping services to create and publish interactive maps easily. You can create a more data visualization in this maps with crowd sourced built-in functions. All the data are stored in the maps server and you can accessed anywhere and anytime you want.
Zeemaps是一项企业级地图服务，可轻松创建和发布交互式地图。 您可以使用人群源内置函数在此地图中创建更多数据可视化。 所有数据都存储在地图服务器中，您可以随时随地访问。
I hope you enjoyed a lot and knows about the Maps API and libraries in JavaScript and choose the best framework depending upon your needful to create a highly interactive maps for you application or website.
我希望您喜欢它并了解JavaScript中的Maps API和库，并根据需要为您的应用程序或网站创建高度交互的地图，选择最佳的框架。
Thanks for reading!
谢谢阅读！
Did you know that we have three publications and a YouTube channel? Find links to everything at plainenglish.io!
您知道我们有三个出版物和一个YouTube频道吗？ 在plainenglish.io上找到所有内容的链接！
翻译自: https://medium.com/javascript-in-plain-english/top-maps-api-and-libraries-in-javascript-e01b01ad5d2c
相关资源：调用百度地图API的例子