1.首先index.html引入
?文章來源：http://www.zghlxwxcb.cn/news/detail-541203.html
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=XXXXXXXXXXXXXXXXXXXXXXXXXXXX"></script> 2.引入并插入坐標(biāo)點文章來源地址http://www.zghlxwxcb.cn/news/detail-541203.html
<template>
<div class="all">
<div id="container"></div>
<el-dialog title="介紹" :visible.sync="dialogVisible" width="30%">
<span style="display: flex;justify-items: center;flex-flow: column;align-items: center;">
<!-- <img style="width: 50%;" :src="pic" alt=""> -->
<div>{{ details }}</div>
</span>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="dialogVisible = false">關(guān) 閉</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
dialogVisible: false,
details: "",
pic: "",
};
},
mounted() {
var map = new AMap.Map('container', {
zoom: 11,
center: [116.397428, 39.90923],
viewMode: '3D'
});
// 坐標(biāo)點數(shù)組
var coordinates = [
{
name: '瑞金市',
position: [116.02709, 25.88562],
details: "瑞金位于江西省東南邊陲，武夷山脈西麓，與福建省長汀縣相鄰，是中華蘇維埃共和國臨時中央政府誕生地，也是舉世矚目的云石山二萬五千里長征出發(fā)地。長征是人類歷史上的偉大奇跡，中央紅軍共進行了380余次戰(zhàn)役戰(zhàn)斗，攻占七百多座縣城，行程約二萬五千里。于1935年10月到達陜北，與陜北紅軍勝利會師。1936年10月紅二方面軍和紅四方面軍到達甘肅與紅一方面軍會師。紅軍三大主力會師，宣告紅軍長征勝利結(jié)束。",
pic: "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg",
},
{
name: '于都縣',
position: [115.41544, 25.95184],
details: "于都，是中央紅軍長征集結(jié)出發(fā)地、南方三年游擊戰(zhàn)爭起源地、長征精神的發(fā)源地、中央蘇區(qū)全紅縣和蘇區(qū)精神的形成地之一，誕生了16位共和國將軍。這片紅色土地承載著中國共產(chǎn)黨的初心和使命，見證了中國共產(chǎn)黨的理想信念和革命意志。",
pic: "https://pics0.baidu.com/feed/cc11728b4710b91270ce197594bf2308934522f8.jpeg@f_auto?token=32d81f00f365b3930fc517bf0bef637a",
},
{
name: '廣昌縣',
position: [116.32573, 26.83729],
details: "國民黨軍隊集中力量進攻廣昌。毛澤東和張聞天都不主張進行廣昌保衛(wèi)戰(zhàn)，但李德不采納他們的正確意見。博古、李德等命令紅軍主力保衛(wèi)并不利于堅守的廣昌，同敵人進行“決戰(zhàn)”。從4月10日開始，國民黨軍隊向廣昌發(fā)動進攻。參加保衛(wèi)戰(zhàn)的紅一、紅三軍團和紅五軍團第十三師等部英勇奮戰(zhàn)，堅守陣地，付出很大犧牲。4月27日，國民黨軍隊集中10個師的兵力，在飛機、大炮的支援下會攻廣昌。紅軍各部隊依托陣地，打退敵軍多次進攻，并實施“短促突擊”戰(zhàn)術(shù)，但未能擺脫被動局面。博古、李德被迫放棄堅守廣昌的計劃，命令紅軍撤離廣昌。",
pic: "https://5b0988e595225.cdn.sohucs.com/images/20190308/a5130af7caec458f8fcd665c2550e18f.jpeg",
},
{
name: '贛縣',
position: [115.01161, 25.86076],
details: "故事1934年10月18日說起，中革軍委主席朱德簽發(fā)了關(guān)于“野戰(zhàn)軍攻占古陂、新田地域的命令”，部署中央紅軍由王母渡、韓坊等地段突破粵軍封鎖。1934年10月21日傍晚，紅八軍團一部到達王母渡，在桃江渡口西渡桃江，突破國民黨守軍的第一道封鎖線。對于紅軍來說，眼前是水深流急的寬闊河流，河對岸是嚴(yán)密把守的敵軍，困難重重下，紅軍毅然向封鎖線發(fā)起沖擊。而就在紅軍渡河期間，被隱藏在碉堡里和山上戰(zhàn)壕的敵軍發(fā)現(xiàn)，一場激烈的戰(zhàn)斗在所難免。",
pic: "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg",
},
{
"name": "會昌縣",
"position": [115.786, 25.60039],
"details": "會昌縣位于江西省東南邊陲，是紅軍長征的重要經(jīng)過地之一。在長征時期，中央紅軍曾經(jīng)歷了艱苦的戰(zhàn)斗和穿越，最終成功通過會昌縣。這段歷史見證了紅軍長征的堅韌和毅力。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "信豐縣",
"position": [114.92285, 25.38617],
"details": "信豐縣位于江西省東南部，是紅軍長征的途中必經(jīng)之地。紅軍曾在信豐縣進行戰(zhàn)斗，最終成功突破敵人封鎖線，繼續(xù)前進。這段歷史展示了紅軍的英勇與決心。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "汝城縣",
"position": [113.68493, 25.55036],
"details": "汝城縣位于湖南省東部，是紅軍長征的重要經(jīng)過地之一。紅軍在汝城縣進行了激烈的戰(zhàn)斗，最終成功突圍并繼續(xù)前進。這段歷史見證了紅軍長征的艱辛與勇敢。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "樂昌市",
"position": [113.34746, 25.13014],
"details": "樂昌市位于廣東省北部，是紅軍長征的途中經(jīng)過的城市之一。紅軍曾在樂昌市休整和補給，為繼續(xù)前行提供了重要支持。這段歷史展示了紅軍長征時期的耐心和智慧。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "宜章縣",
"position": [112.94887, 25.39957],
"details": "宜章縣位于湖南省中部，是紅軍長征的重要途經(jīng)地之一。紅軍曾在宜章縣與敵人進行了多次戰(zhàn)斗，并成功突圍繼續(xù)前進。這段歷史見證了紅軍的英勇和戰(zhàn)斗精神。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "道縣",
"position": [111.60007, 25.52753],
"details": "道縣位于湖南省東部，是紅軍長征的途中經(jīng)過的縣城之一。紅軍曾在道縣進行了頑強的戰(zhàn)斗，并成功突破敵人封鎖線，繼續(xù)前進。這段歷史展示了紅軍長征時期的毅力和團結(jié)。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "灌陽縣",
"position": [111.16083, 25.48932],
"details": "灌陽縣位于江西省東南邊陲，是中華蘇維埃共和國臨時中央政府誕生地。這里是舉世矚目的云石山二萬五千里長征的出發(fā)地之一。灌陽縣是紅軍長征途中經(jīng)過的重要地點之一，中央紅軍曾在此進行了戰(zhàn)役戰(zhàn)斗并攻占了該縣城。紅軍長征行程約二萬五千里，最終于1936年10月會師陜北紅軍，宣告勝利結(jié)束。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "全州縣",
"position": [111.07304, 25.92861],
"details": "全州縣位于江西省東南邊陲，是中華蘇維埃共和國臨時中央政府誕生地。這里是舉世矚目的云石山二萬五千里長征的出發(fā)地之一。全州縣是紅軍長征途中經(jīng)過的重要地點之一，中央紅軍曾在此進行了戰(zhàn)役戰(zhàn)斗并攻占了該縣城。紅軍長征行程約二萬五千里，最終于1936年10月會師陜北紅軍，宣告勝利結(jié)束。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "興安縣",
"position": [110.67147, 25.61169],
"details": "興安縣位于江西省東南邊陲，是中華蘇維埃共和國臨時中央政府誕生地。這里是舉世矚目的云石山二萬五千里長征的出發(fā)地之一。興安縣是紅軍長征途中經(jīng)過的重要地點之一，中央紅軍曾在此進行了戰(zhàn)役戰(zhàn)斗并攻占了該縣城。紅軍長征行程約二萬五千里，最終于1936年10月會師陜北紅軍，宣告勝利結(jié)束。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "龍勝各族自治縣",
"position": [110.01149, 25.79809],
"details": "龍勝各族自治縣位于江西省東南邊陲，是中華蘇維埃共和國臨時中央政府誕生地。這里是舉世矚目的云石山二萬五千里長征的出發(fā)地之一。龍勝各族自治縣是紅軍長征途中經(jīng)過的重要地點之一，中央紅軍曾在此進行了戰(zhàn)役戰(zhàn)斗并攻占了該縣城。紅軍長征行程約二萬五千里，最終于1936年10月會師陜北紅軍，宣告勝利結(jié)束。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "通道桐族自治縣",
"position": [109.78449, 26.15794],
"details": "通道桐族自治縣位于瑞金，是中華蘇維埃共和國臨時中央政府誕生地。這里是舉世矚目的云石山二萬五千里長征的出發(fā)地之一。通道桐族自治縣是紅軍長征途中經(jīng)過的重要地點之一，中央紅軍曾在此進行了戰(zhàn)役戰(zhàn)斗并攻占了該縣城。紅軍長征行程約二萬五千里，最終于1936年10月會師陜北紅軍，宣告勝利結(jié)束。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "黎平縣",
"position": [109.13718, 26.22924],
"details": "黎平縣位于瑞金，是中華蘇維埃共和國臨時中央政府誕生地。這里是舉世矚目的云石山二萬五千里長征的出發(fā)地之一。黎平縣是紅軍長征途中經(jīng)過的重要地點之一，中央紅軍曾在此進行了戰(zhàn)役戰(zhàn)斗并攻占了該縣城。紅軍長征行程約二萬五千里，最終于1936年10月會師陜北紅軍，宣告勝利結(jié)束。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "甕安縣",
"position": [107.47106, 27.0779],
"details": "甕安縣位于瑞金，是中華蘇維埃共和國臨時中央政府誕生地。這里是舉世矚目的云石山二萬五千里長征的出發(fā)地之一。甕安縣是紅軍長征途中經(jīng)過的重要地點之一，中央紅軍曾在此進行了戰(zhàn)役戰(zhàn)斗并攻占了該縣城。紅軍長征行程約二萬五千里，最終于1936年10月會師陜北紅軍，宣告勝利結(jié)束。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "余慶縣",
"position": [107.88825, 27.22536],
"details": "余慶縣位于瑞金，是中華蘇維埃共和國臨時中央政府誕生地。這里是舉世矚目的云石山二萬五千里長征的出發(fā)地之一。余慶縣是紅軍長征途中經(jīng)過的重要地點之一，中央紅軍曾在此進行了戰(zhàn)役戰(zhàn)斗并攻占了該縣城。紅軍長征行程約二萬五千里，最終于1936年10月會師陜北紅軍，宣告勝利結(jié)束。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "遵義市",
"position": [106.82922, 27.53625],
"details": "遵義市位于貴州省中部地區(qū)，是中國共產(chǎn)黨領(lǐng)導(dǎo)的紅軍長征的重要經(jīng)過地之一。1935年1月15日至17日，在遵義會議上，毛澤東在中央蘇區(qū)內(nèi)實現(xiàn)了對王明“左”傾冒險主義錯誤的批判，確立了以毛澤東為代表的正確領(lǐng)導(dǎo)。遵義會議標(biāo)志著中國共產(chǎn)黨在長征途中取得轉(zhuǎn)折性勝利，為紅軍的繼續(xù)前進提供了堅強的政治保證。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "桐梓縣",
"position": [106.82502, 28.13321],
"details": "桐梓縣是貴州省的一個縣級行政區(qū)，也是紅軍長征的重要經(jīng)過地之一。1935年1月，中央紅軍從瑞金出發(fā)，經(jīng)過桐梓縣向西北方向前進，經(jīng)歷了艱苦曲折的長征路程。桐梓縣為紅軍提供了支援和休整的地方，為紅軍繼續(xù)前進做出了重要貢獻。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "仁懷市",
"position": [106.40156, 27.79234],
"details": "仁懷市位于貴州省西南部，是紅軍長征的途經(jīng)地之一。1935年1月，中央紅軍在瑞金出發(fā)后，經(jīng)過仁懷市向北方向挺進，進行了艱苦卓絕的長征。仁懷市為紅軍提供了物資支援和休整的場所，為紅軍堅持長征戰(zhàn)略起到了積極作用。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "習(xí)水縣",
"position": [106.20385, 28.3274],
"details": "習(xí)水縣位于貴州省東南部，是紅軍長征的重要經(jīng)過地之一。1935年1月，中央紅軍從瑞金出發(fā)，經(jīng)過習(xí)水縣向西北方向前進，歷經(jīng)艱難險阻的長征。習(xí)水縣為紅軍提供了支援和休整的地方，為紅軍繼續(xù)前進作出了重要貢獻。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "赤水市",
"position": [105.69744, 28.59055],
"details": "赤水市位于貴州省，是紅軍長征的重要經(jīng)過地之一。在長征中，紅軍曾在赤水河畔多次與敵人進行戰(zhàn)斗，展現(xiàn)了堅定的革命意志和英勇的戰(zhàn)斗精神。赤水市地勢崎嶇，風(fēng)景秀麗，有著豐富的自然資源和獨特的人文景觀，吸引著眾多游客前來觀光旅游。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "扎西鎮(zhèn)（威信縣）",
"position": [105.04818, 27.840693],
"details": "扎西鎮(zhèn)位于云南省威信縣，是紅軍長征的重要經(jīng)過地之一。在長征時期，紅軍曾在扎西鎮(zhèn)附近進行過多次戰(zhàn)斗和休整，為后續(xù)的長征行動積蓄力量。扎西鎮(zhèn)地處高山峽谷之間，自然風(fēng)光優(yōu)美，是旅游觀光的熱門目的地。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "富源縣",
"position": [104.25485, 25.67422],
"details": "富源縣位于云南省，是紅軍長征的途經(jīng)地之一。在長征過程中，紅軍曾在富源縣進行過戰(zhàn)斗與休整，為長征的繼續(xù)提供了保障。富源縣境內(nèi)山川秀美，風(fēng)景如畫，擁有豐富的旅游資源和獨特的民族風(fēng)情。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "祿勸彝族苗族自治縣",
"position": [102.47145, 25.55128],
"details": "祿勸彝族苗族自治縣位于云南省，是紅軍長征的重要經(jīng)過地之一。在長征過程中，紅軍曾在祿勸縣附近進行過戰(zhàn)斗與休整，為長征勝利做出了貢獻。祿勸縣地處高海拔地區(qū)，氣候宜人，擁有得天獨厚的自然風(fēng)光和獨特的民族文化。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "會理市",
"position": [102.24457, 26.65527],
"details": "會理市位于四川省，是紅軍長征的重要經(jīng)過地之一。在長征中，紅軍曾在會理市周邊進行過多次戰(zhàn)斗和休整，展現(xiàn)了頑強的意志和英勇的作戰(zhàn)能力。會理市地處山區(qū)，風(fēng)景秀麗，是旅游觀光和戶外探險的熱門目的地。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "冕寧縣",
"position": [102.17678, 28.55018],
"details": "冕寧縣位于四川省，是紅軍長征的重要經(jīng)過地之一。在長征中，紅軍曾在冕寧縣周邊進行過多次戰(zhàn)斗和休整，展現(xiàn)了頑強的意志和英勇的作戰(zhàn)能力。冕寧縣地處高山峽谷之間，風(fēng)景秀麗，是旅游觀光和戶外探險的熱門目的地。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "石棉縣",
"position": [102.35944, 29.22799],
"details": "石棉縣位于四川省，是紅軍長征的重要經(jīng)過地之一。在長征中，紅軍曾在石棉縣附近進行過戰(zhàn)斗與休整，為長征的繼續(xù)提供了保障。石棉縣境內(nèi)山川秀美，風(fēng)景如畫，擁有豐富的旅游資源和獨特的民族風(fēng)情。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "瀘定縣",
"position": [102.23471, 29.91412],
"details": "瀘定縣位于四川省，是紅軍長征的途經(jīng)地之一。在長征過程中，紅軍曾在瀘定縣進行過戰(zhàn)斗與休整，為長征勝利做出了貢獻。瀘定縣地處高海拔地區(qū)，氣候宜人，擁有得天獨厚的自然風(fēng)光和獨特的民族文化。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "寶興縣",
"position": [102.81457, 30.36806],
"details": "寶興縣位于四川省，是紅軍長征的重要經(jīng)過地之一。在長征中，紅軍曾在寶興縣周邊進行過多次戰(zhàn)斗和休整，展現(xiàn)了堅定的革命意志和英勇的戰(zhàn)斗精神。寶興縣地勢崎嶇，風(fēng)景秀麗，有著豐富的自然資源和獨特的人文景觀，吸引著眾多游客前來觀光旅游。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "小金縣",
"position": [102.3644, 30.99918],
"details": "小金縣位于四川省，是紅軍長征的重要經(jīng)過地之一。在長征中，紅軍曾在小金縣附近進行過戰(zhàn)斗與休整，為長征勝利做出了貢獻。小金縣地處山區(qū)，風(fēng)景秀麗，是旅游觀光和戶外探險的熱門目的地。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "馬爾康市",
"position": [102.20644, 31.90585],
"details": "馬爾康市位于四川省阿壩藏族羌族自治州，是紅軍長征途中的重要經(jīng)過地之一。紅軍長征時期，紅二十五軍經(jīng)過馬爾康市，并在此與紅一方面軍勝利會師。馬爾康市地處川西高原腹地，素有“金城關(guān)”之稱，地勢險要，自古以來就是軍事要地。馬爾康市不僅具有重要的歷史意義，還擁有壯麗的自然風(fēng)光，吸引了眾多游客前來觀光旅游。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "紅原縣",
"position": [102.54438, 32.79087],
"details": "紅原縣位于四川省阿壩藏族羌族自治州，是紅軍長征途中的重要經(jīng)過地之一。紅軍長征時期，紅二十五軍曾在紅原縣進行戰(zhàn)斗，并在附近地區(qū)休整補給。紅原縣地處川西高原，地形復(fù)雜多樣，風(fēng)景秀麗。這里有茫茫草原、雄偉山川和壯麗河流，被譽為“天然的動植物王國”，是旅游觀光和生態(tài)探險的好去處。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "松潘縣",
"position": [103.59893, 32.63813],
"details": "松潘縣位于四川省阿壩藏族羌族自治州，是紅軍長征途中的重要經(jīng)過地之一。紅軍長征時期，紅二十五軍曾在松潘縣一帶進行戰(zhàn)斗，并展開艱苦的長征行程。松潘縣地處大涼山腹地，氣候涼爽宜人，境內(nèi)風(fēng)光秀麗，擁有眾多自然景觀和民族文化資源，是旅游度假和探險徒步的熱門目的地。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "若爾蓋縣",
"position": [102.96187, 33.57586],
"details": "若爾蓋縣位于四川省阿壩藏族羌族自治州，是紅軍長征途中的重要經(jīng)過地之一。紅軍長征時期，紅二十五軍曾在若爾蓋縣一帶進行戰(zhàn)斗，為紅軍勝利會師作出了重要貢獻。若爾蓋縣地處川西高原，地形遼闊壯觀，擁有豐富的草原資源和特色民俗文化，是旅游觀光和體驗?zāi)撩裆畹慕^佳選擇。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "迭部縣",
"position": [103.22175, 34.05587],
"details": "迭部縣位于陜西省，是紅軍長征的重要經(jīng)過地之一。長征途中，紅軍曾在迭部縣進行戰(zhàn)斗，并向附近的縣城發(fā)起攻擊。迭部縣地處武夷山脈西麓，風(fēng)景秀麗，是紅軍長征歷史的見證。紅軍在這里展現(xiàn)了頑強的意志和英勇的戰(zhàn)斗精神，為保衛(wèi)紅色政權(quán)和革命事業(yè)做出了巨大貢獻。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "岷縣",
"position": [104.03697, 34.43811],
"details": "岷縣位于陜西省，是紅軍長征的重要經(jīng)過地之一。紅軍曾在岷縣周邊地區(qū)組織了游擊戰(zhàn)斗和群眾運動，為爭取群眾支持和擴大革命力量發(fā)揮了重要作用。岷縣地勢險要，山河壯麗，成為紅軍長征史上的重要一站。紅軍在這里取得了重要的戰(zhàn)果，為革命事業(yè)的勝利邁出了堅實的步伐。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "通渭縣",
"position": [105.24219, 35.21087],
"details": "通渭縣位于陜西省，是紅軍長征的重要經(jīng)過地之一。紅軍曾在通渭縣一帶展開游擊戰(zhàn)斗和群眾工作，與敵人進行頑強抗戰(zhàn)，并有效組織了群眾力量，為紅軍長征提供了重要支持。通渭縣地處山水之間，景色秀麗，是紅軍長征歷史的重要見證。紅軍在這里書寫了革命的篇章，為中國革命事業(yè)的勝利做出了不可磨滅的貢獻。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "會寧縣",
"position": [105.05334, 35.69291],
"details": "會寧縣位于陜西省，是紅軍長征的重要經(jīng)過地之一。紅軍曾在會寧縣周邊地區(qū)開展游擊戰(zhàn)斗和群眾工作，與敵人進行英勇斗爭，并積極組織群眾力量，為紅軍長征提供了重要支持。會寧縣地理位置優(yōu)越，自然風(fēng)光優(yōu)美，成為紅軍長征史上的重要一站。紅軍在這里書寫了壯麗的革命篇章，為中國革命的勝利作出了重大貢獻。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "西吉縣",
"position": [105.72911, 35.96385],
"details": "西吉縣是中央紅軍長征途經(jīng)的地方之一。長征是人類歷史上的偉大壯舉，中央紅軍在長征過程中經(jīng)歷了380余次戰(zhàn)役戰(zhàn)斗，攻占了七百多座縣城，行程約二萬五千里。西吉縣是紅軍長征勝利結(jié)束前最后一個戰(zhàn)勝的縣城，標(biāo)志著紅軍勝利走出了險境，展開了新的征程。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "定邊縣",
"position": [107.60128, 37.59454],
"details": "定邊縣是中央紅軍長征途經(jīng)的重要站點之一。長征是人類歷史上的偉大壯舉，中央紅軍在長征過程中經(jīng)歷了380余次戰(zhàn)役戰(zhàn)斗，攻占了七百多座縣城，行程約二萬五千里。定邊縣是紅軍長征早期階段的一個重要戰(zhàn)略目標(biāo)，紅軍在這里展示了堅韌的意志和出色的作戰(zhàn)能力。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
},
{
"name": "吳起縣",
"position": [108.17587, 36.92728],
"details": "吳起縣是中央紅軍長征途經(jīng)的重要駐地之一。長征是人類歷史上的偉大壯舉，中央紅軍在長征過程中經(jīng)歷了380余次戰(zhàn)役戰(zhàn)斗，攻占了七百多座縣城，行程約二萬五千里。吳起縣是紅軍長征中一個具有重要意義的駐地，紅軍在這里休整、整編，為繼續(xù)前進積蓄力量。",
"pic": "http://www.xqzs.cn/data/upload/portal/202104/608bac653fcb6.jpg"
}
];
var that = this;
coordinates.forEach(coord => {
var marker = new AMap.Marker({
position: coord.position,
map: map
});
// 點擊坐標(biāo)點
marker.on('click', function () {
var targetLocation = coordinates.find(item => item.name === coord.name);
that.details = targetLocation.details
that.pic = targetLocation.pic
that.dialogVisible = true
});
var text = new AMap.Text({
text: coord.name,
position: coord.position,
offset: new AMap.Pixel(0, -50),
style: {
backgroundColor: '#fff',
border: 'none',
fontSize: '12px',
color: '#000'
}
});
map.add(text);
});
// 調(diào)整地圖視野以適應(yīng)所有標(biāo)記點
map.setFitView();
}
}
</script>
<style scoped>
.all {
width: 100vw;
height: 100vh;
}
#container {
width: 100vw;
height: 100vh;
}
</style>
到了這里，關(guān)于vue引入高德地圖的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
