私はsimplemapsを使用しています。これは、関数を使用して HTML ページから値を取得する js ファイルです。
JavaScript 関数
function getValue(intvalue){
alert(intvalue);
var mapval = intvalue;
}
var simplemaps_worldmap_mapdata = {
main_settings:{
//General settings
width:1004,
background_color: '#FFFFFF',
background_transparent: 'no',
border_color: '#FFFFFF',
zoom: 'yes',
pop_ups: 'detect', //on_click, on_hover, or detect
//Country defaults
state_description: 'Country description',
state_color: '#88A4BC',
state_hover_color: '#3B729F',
state_url: 'http://simplemaps.com',
all_states_inactive: 'no',
//Location defaults
location_description: 'Location description',
location_color: '#FF0067',
location_opacity: 1,
location_url: 'http://simplemaps.com',
location_size: 35,
location_type: 'circle', //or circle
all_locations_inactive: 'no',
url_new_tab: 'no',
initial_zoom: 1,
initial_zoom_solo: 'no',
auto_load: 'yes',
hide_labels: 'no'
},
}//end of simplemaps_worldmap_mapdata
「初期ズーム」の色フィールドに値を動的に渡す必要があります。異なる値では、画像をさまざまなレベルでズームしています。