amCharts 5: Maps（英語版）

Webサイトやアプリケーションにインタラクティブな美しい地図を追加

amCharts 社の製品
2019 年より日本国内にてComponentSourceで販売中。

価格:¥ 37,400 (税込)〜 バージョン: 5.x 新機能 更新日: Apr 26, 2024

amCharts 5: Maps（英語版） のスクリーンショット

amCharts 5: Maps（英語版）

amCharts: Maps is an add-on to amCharts: Charts. Use it to add full-fledged interactive maps to your web site or application. amCharts is a ready-made JavaScript library that allows you to add interactive charts to a vast array of applications. With built-in support for TypeScript and ES6 modules, it is fully compatible with Angular, React, Vue.js as well as vanilla JavaScript applications. The map package bundles hundreds of country and regional maps, all available in two versions: high and low detail. Based on GeoJSON standard for its functionality, if a map exists it probably exists in GeoJSON format, and if not there’s probably one available in ESRI shape format, which you can easily convert to GeoJSON.

amCharts 5: Maps（英語版）

Daylight Map
Daylight Map
Age PyramidCombine with an XYChart for an interactive classic Age Pyramid.
Age PyramidCombine with an XYChart for an interactive classic Age Pyramid.
Create complex setupsCreate complex multi-chart and map synchronized timeline animations.
Create complex setupsCreate complex multi-chart and map synchronized timeline animations.
HeatmapMaps allow adding “heat rules” that bind color, opacity, and a bunch of other properties to actual scale of values from data.
HeatmapMaps allow adding “heat rules” that bind color, opacity, and a bunch of other properties to actual scale of values from data.
Animations along lines Map
Animations along lines Map
Map using D3 ProjectionsBesides a solid list of buil-in projects, amCharts Map can use any projection from D3 and related packages.
Map using D3 ProjectionsBesides a solid list of buil-in projects, amCharts Map can use any projection from D3 and related packages.
Drill-down to Countries MapMaps can be loaded dynamically when needed; for example clicking on a country in the World map will zoom in and then load and display the selected country map.
Drill-down to Countries MapMaps can be loaded dynamically when needed; for example clicking on a country in the World map will zoom in and then load and display the selected country map.
Air route mapComplex multi-point lines can be added to maps.
Air route mapComplex multi-point lines can be added to maps.
Map with Dynamic Pie ChartsComplex map markers. amCharts Map image series are not limited to simple shapes to be used as markers. Virtually anyting can be used as a marker, including other charts; in this case pie charts.
Map with Dynamic Pie ChartsComplex map markers. amCharts Map image series are not limited to simple shapes to be used as markers. Virtually anyting can be used as a marker, including other charts; in this case pie charts.
Map with Patterns
Map with Patterns
Select Multiple Areas MapUse the 'active' state to select multiple areas on a map. In this case the color property overrides when 'active' state is true.
Select Multiple Areas MapUse the 'active' state to select multiple areas on a map. In this case the color property overrides when 'active' state is true.
Multi-series Map
Multi-series Map
Pacific-centered MapWorld map can be Pacific-Centered, useful for Asian countries which often use this kind of map. amCharts Maps can be centered on any longitude by dragging the map to change its center.
Pacific-centered MapWorld map can be Pacific-Centered, useful for Asian countries which often use this kind of map. amCharts Maps can be centered on any longitude by dragging the map to change its center.
Rotating Globe with CirclesUse an orthographic projection to display the planet as an interactive globe.
Rotating Globe with CirclesUse an orthographic projection to display the planet as an interactive globe.
US Heat (Choropleth) MapUsing the mapping tool to easily create heat maps. You only need to set light and dark color, and if your areas/countries/states have values assigned, the map will automatically choose the intermediate color corresponding to the value.
US Heat (Choropleth) MapUsing the mapping tool to easily create heat maps. You only need to set light and dark color, and if your areas/countries/states have values assigned, the map will automatically choose the intermediate color corresponding to the value.
Weather MapComposite map markers. Compbine several elements into a single map marker. In this example an animated SVG image and text label were combined and placed on certain coordinates on the map, therefore they move with the map.
Weather MapComposite map markers. Compbine several elements into a single map marker. In this example an animated SVG image and text label were combined and placed on certain coordinates on the map, therefore they move with the map.
Zooming to Countries Map
Zooming to Countries Map
詳しくは、ここをクリックしてください。

画像1 / 18

Daylight Map
Age PyramidCombine with an XYChart for an interactive classic Age Pyramid.
Create complex setupsCreate complex multi-chart and map synchronized timeline animations.
HeatmapMaps allow adding “heat rules” that bind color, opacity, and a bunch of other properties to actual scale of values from data.
Animations along lines Map
Map using D3 ProjectionsBesides a solid list of buil-in projects, amCharts Map can use any projection from D3 and related packages.
Drill-down to Countries MapMaps can be loaded dynamically when needed; for example clicking on a country in the World map will zoom in and then load and display the selected country map.
Air route mapComplex multi-point lines can be added to maps.
Map with Dynamic Pie ChartsComplex map markers. amCharts Map image series are not limited to simple shapes to be used as markers. Virtually anyting can be used as a marker, including other charts; in this case pie charts.
Map with Patterns
Select Multiple Areas MapUse the 'active' state to select multiple areas on a map. In this case the color property overrides when 'active' state is true.
Multi-series Map
Pacific-centered MapWorld map can be Pacific-Centered, useful for Asian countries which often use this kind of map. amCharts Maps can be centered on any longitude by dragging the map to change its center.
Rotating Globe with CirclesUse an orthographic projection to display the planet as an interactive globe.
US Heat (Choropleth) MapUsing the mapping tool to easily create heat maps. You only need to set light and dark color, and if your areas/countries/states have values assigned, the map will automatically choose the intermediate color corresponding to the value.
Weather MapComposite map markers. Compbine several elements into a single map marker. In this example an animated SVG image and text label were combined and placed on certain coordinates on the map, therefore they move with the map.
Zooming to Countries Map

Series-Based Approach

  • Multi-type series
    • Everything on the maps is organized in "series": areas/countries (polygons), markers (images), lines.
    • Makes it super easy to apply appearance settings or attach behavior to a bunch of elements at once.
    • Series-based approach allows easy structuring of elements, toggling, and other control.
    • It also allows specifying what exactly to include or exclude from GeoJSON. Do you want just a map of Europe? Simply specify country codes that you want to be included. A...
amCharts 5: Maps（英語版） の詳細情報。

最新ニュース

amCharts 5: Charts v5.3.17
amCharts 5: Charts v5.3.17
June 30, 2023新バージョン
ツールヒント、アクセシビリティ、JSONプラグインを改善
amCharts 5: Charts v5.3.10
amCharts 5: Charts v5.3.10
April 11, 2023新バージョン
HTMLベースのツールヒントのレンダリングとサイズ変更を改善
amCharts 5: Charts v5.3.3
amCharts 5: Charts v5.3.3
February 10, 2023新バージョン
ロケールにカスタム翻訳を追加できる新しいメソッドを追加
amCharts 5: Charts v5.3.0
amCharts 5: Charts v5.3.0
January 31, 2023新バージョン
シリアル化された(JSON)設定をチャートに解析できる新しいJSONプラグインを追加
amCharts 5: Maps v5.2.42
amCharts 5: Maps v5.2.42
December 20, 2022新バージョン
新しい設定では、GeoJSONデータのポリゴンコーナーの方向を反転可能
amCharts 5: Maps v5.2.32
amCharts 5: Maps v5.2.32
November 18, 2022新バージョン
各経路図で直線、曲線の線タイプを個別に設定できるように改善
ニュースをもっと見る

価格:¥ 37,400 (税込)〜

amCharts 5： Maps is an add-on and requires that you have a valid license of amCharts 5： Charts。 All Licensed Software is licensed on a per-developer basis and each developer must have an individual...
ライセンスの詳細

ご質問がありますか？

今すぐ amCharts ライセンススペシャリストとライブ チャット。

amCharts
公式認定ディストリビューターとして amCharts 社の正式ライセンスをお客様に直接お届けいたします。
amCharts の詳細
コンポーネントのタイプ
  • JavaScript
  • 角度
  • ECMAScript 6 (ES6)
  • 反応
  • Typescript
  • ヴュー・ js
互換性の詳細

受賞歴

PublisherPublisherPublisher