1
私はamChartsの世界地図を使用しています。高度を下げると地図は自動的に北米にズームインします。地図の中心を北アメリカではなくヨーロッパに設定する方法はありますか？そして、マウスのホバーで国名を削除したいと思います。amChartsセンターの地図
<html>
\t <head>
\t \t <title>map created with amCharts | amCharts</title>
\t \t <meta name="description" content="map created using amCharts pixel map generator" />
\t \t <!--
\t \t \t This map was created using Pixel Map Generator by amCharts and is licensed under the Creative Commons Attribution 4.0 International License.
\t \t \t You may use this map the way you see fit as long as proper attribution to the name of amCharts is given in the form of link to https://pixelmap.amcharts.com/
\t \t \t To view a copy of this license, visit http://creativecommons.org/licenses/by/4.0/
\t \t \t If you would like to use this map without any attribution, you can acquire a commercial license for the JavaScript Maps - a tool that was used to produce this map.
\t \t \t To do so, visit amCharts Online Store: https://www.amcharts.com/online-store/
\t \t -->
\t \t <!-- amCharts javascript sources -->
\t \t <script type="text/javascript" src="https://www.amcharts.com/lib/3/ammap.js"></script>
\t \t <script type="text/javascript" src="https://www.amcharts.com/lib/3/maps/js/worldLow.js"></script>
\t \t <!-- amCharts javascript code -->
\t \t <script type="text/javascript">
\t \t var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
\t \t \t AmCharts.makeChart("map",{
\t \t \t \t \t "type": "map",
\t \t \t \t \t "pathToImages": "http://www.amcharts.com/lib/3/images/",
\t \t \t \t \t "addClassNames": true,
\t \t \t \t \t "fontSize": 15,
\t \t \t \t \t "color": "#FFFFFF",
\t \t \t \t \t "projection": "mercator",
\t \t \t \t \t "backgroundAlpha": 1,
\t \t \t \t \t "backgroundColor": "rgba(80,80,80,1)",
\t \t \t \t \t "dataProvider": {
\t \t \t \t \t \t "map": "worldLow",
\t \t \t \t \t \t "getAreasFromMap": true,
\t \t \t \t \t \t "images": [
\t \t \t \t \t \t \t {
\t \t \t \t \t \t \t \t "top": 40,
\t \t \t \t \t \t \t \t "left": 60,
\t \t \t \t \t \t \t \t "width": 80,
\t \t \t \t \t \t \t \t "height": 40,
\t \t \t \t \t \t \t \t "pixelMapperLogo": true,
\t \t \t \t \t \t \t \t "imageURL": "http://pixelmap.amcharts.com/static/img/logo.svg",
\t \t \t \t \t \t \t \t "url": "http://www.amcharts.com"
\t \t \t \t \t \t \t },
\t \t \t \t \t \t \t {
\t \t \t \t \t \t \t \t "selectable": true,
\t \t \t \t \t \t \t \t "title": "Brussels",
\t \t \t \t \t \t \t \t "longitude": 4.2100,
\t \t \t \t \t \t \t \t "latitude": 50.5100,
\t \t \t \t \t \t \t \t "svgPath": targetSVG,
\t \t \t \t \t \t \t \t "color": "#ff1d51",
\t \t \t \t \t \t \t \t "scale": 1,
\t \t \t \t \t \t \t \t "url": "https://blockchainhub.net/brussels/"
\t \t \t \t \t \t \t },
\t \t \t \t \t \t \t {
\t \t \t \t \t \t \t \t "selectable": true,
\t \t \t \t \t \t \t \t "title": "Berlin",
\t \t \t \t \t \t \t \t "longitude": 13.2300,
\t \t \t \t \t \t \t \t "latitude": 52.3100,
\t \t \t \t \t \t \t \t "svgPath": targetSVG,
\t \t \t \t \t \t \t \t "color": "#ff1d51",
\t \t \t \t \t \t \t \t "scale": 1,
\t \t \t \t \t \t \t \t "url": "https://blockchainhub.net/berlin/"
\t \t \t \t \t \t \t },
\t \t \t \t \t \t \t {
\t \t \t \t \t \t \t \t "selectable": true,
\t \t \t \t \t \t \t \t "title": "Graz",
\t \t \t \t \t \t \t \t "longitude": 15.2600,
\t \t \t \t \t \t \t \t "latitude": 47.4000,
\t \t \t \t \t \t \t \t "svgPath": targetSVG,
\t \t \t \t \t \t \t \t "color": "#ff1d51",
\t \t \t \t \t \t \t \t "scale": 1,
\t \t \t \t \t \t \t \t "url": "https://blockchainhub.net/graz/"
\t \t \t \t \t \t \t },
\t \t \t \t \t \t \t {
\t \t \t \t \t \t \t \t "selectable": true,
\t \t \t \t \t \t \t \t "title": "Sofia (coming soon)",
\t \t \t \t \t \t \t \t "longitude": 23.33,
\t \t \t \t \t \t \t \t "latitude": 42.7000,
\t \t \t \t \t \t \t \t "svgPath": targetSVG,
\t \t \t \t \t \t \t \t "color": "#ff1d51",
\t \t \t \t \t \t \t \t "scale": 1
\t \t \t \t \t \t \t },
\t \t \t \t \t \t \t {
\t \t \t \t \t \t \t \t "selectable": true,
\t \t \t \t \t \t \t \t "title": "Shanghai (coming soon)",
\t \t \t \t \t \t \t \t "longitude": 121.47472,
\t \t \t \t \t \t \t \t "latitude": 31.2286,
\t \t \t \t \t \t \t \t "svgPath": targetSVG,
\t \t \t \t \t \t \t \t "color": "#ff1d51",
\t \t \t \t \t \t \t \t "scale": 1
\t \t \t \t \t \t \t },
\t \t \t \t \t \t \t {
\t \t \t \t \t \t \t \t "selectable": true,
\t \t \t \t \t \t \t \t "title": "Salt Lake City (coming soon)",
\t \t \t \t \t \t \t \t "longitude": -111.5300,
\t \t \t \t \t \t \t \t "latitude": 40.4500,
\t \t \t \t \t \t \t \t "svgPath": targetSVG,
\t \t \t \t \t \t \t \t "color": "#ff1d51",
\t \t \t \t \t \t \t \t "scale": 1
\t \t \t \t \t \t \t },
\t \t \t \t \t \t \t {
\t \t \t \t \t \t \t \t "selectable": true,
\t \t \t \t \t \t \t \t "title": "Helsinki (coming soon)",
\t \t \t \t \t \t \t \t "longitude": 24.5615,
\t \t \t \t \t \t \t \t "latitude": 60.1015,
\t \t \t \t \t \t \t \t "svgPath": targetSVG,
\t \t \t \t \t \t \t \t "color": "#ff1d51",
\t \t \t \t \t \t \t \t "scale": 1
\t \t \t \t \t \t \t }
\t \t \t \t \t \t ]
\t \t \t \t \t },
\t \t \t \t \t "balloon": {
\t \t \t \t \t \t "horizontalPadding": 15,
\t \t \t \t \t \t "borderAlpha": 0,
\t \t \t \t \t \t "borderThickness": 1,
\t \t \t \t \t \t "verticalPadding": 15
\t \t \t \t \t },
\t \t \t \t \t "areasSettings": {
\t \t \t \t \t \t "color": "rgba(129,129,129,1)",
\t \t \t \t \t \t "outlineColor": "rgba(80,80,80,1)",
\t \t \t \t \t \t "rollOverOutlineColor": "rgba(80,80,80,1)",
\t \t \t \t \t \t "rollOverBrightness": 20,
\t \t \t \t \t \t "selectedBrightness": 20,
\t \t \t \t \t \t "selectable": true,
\t \t \t \t \t \t "unlistedAreasAlpha": 0,
\t \t \t \t \t \t "unlistedAreasOutlineAlpha": 0
\t \t \t \t \t },
\t \t \t \t \t "imagesSettings": {
\t \t \t \t \t \t "alpha": 1,
\t \t \t \t \t \t "color": "rgba(129,129,129,1)",
\t \t \t \t \t \t "outlineAlpha": 0,
\t \t \t \t \t \t "rollOverOutlineAlpha": 0,
\t \t \t \t \t \t "outlineColor": "rgba(80,80,80,1)",
\t \t \t \t \t \t "rollOverBrightness": 20,
\t \t \t \t \t \t "selectedBrightness": 20,
\t \t \t \t \t \t "selectable": true
\t \t \t \t \t },
\t \t \t \t \t "linesSettings": {
\t \t \t \t \t \t "color": "rgba(129,129,129,1)",
\t \t \t \t \t \t "selectable": true,
\t \t \t \t \t \t "rollOverBrightness": 20,
\t \t \t \t \t \t "selectedBrightness": 20
\t \t \t \t \t },
\t \t \t \t \t "zoomControl": {
\t \t \t \t \t \t "zoomControlEnabled": true,
\t \t \t \t \t \t "homeButtonEnabled": false,
\t \t \t \t \t \t "panControlEnabled": false,
\t \t \t \t \t \t "right": 38,
\t \t \t \t \t \t "bottom": 30,
\t \t \t \t \t \t "minZoomLevel": 2.25,
\t \t \t \t \t \t "gridHeight": 100,
\t \t \t \t \t \t "gridAlpha": 0.1,
\t \t \t \t \t \t "gridBackgroundAlpha": 0,
\t \t \t \t \t \t "gridColor": "#FFFFFF",
\t \t \t \t \t \t "draggerAlpha": 1,
\t \t \t \t \t \t "buttonCornerRadius": 2
\t \t \t \t \t }
\t \t \t \t });
\t \t </script>
\t </head>
\t <body style="margin: 0;background-color: rgba(80,80,80,1);">
\t \t <div id="map" style="width: 100%; height: 400px;"></div>
\t </body>
</html>
あなたはドキュメントを見ていましたか？ https://www.amcharts.com/kbase/programatically-centering-map-selected-object/ – Craicerjack