vue项目引入第三方地图插件并且随机显示坐标点（经纬度），点击坐标点弹出窗口，点击详情文字链接到其他模块

再vue中引入第三方插件-- https://www.npmjs.com/package/vue-baidu-map  一个百度地图的vue封装

上述中的内容在第三方插件的文档介绍中都有。

在具体特性模块中引入地图

：center属性：默认设置一个坐标点 

对应的defaultCenter的值为

defaultCenter: {
  lng: 113.1268217112,
  lat: 27.8307991014
}

：zoom看文档啥意思

defaultZoom: 5,

:mapStyle设置地图的主题 {style:'dark'}是我需要的百度提供的主题

 <!--引入百度地图-->
                <baidu-map class="map" :center="defaultCenter" :zoom="defaultZoom" :mapStyle="{style:'dark'}">

                    <div v-for="(point,index) in points">

                        <bm-marker :position="point" @click="infoWindowOpen($event,index)">
                            <bm-info-window :show="point.show" @close="infoWindowClose($event,index)">
                                <p>
                                    <span>IP个数:</span>
                                    <span>{
  {point.doc_count ? point.doc_count : 0}}</span>
                                </p>

                                <p>
                                    <span>地址:</span>
                                    <span>{
  {point.object.ip_GeoPosition.P}}</span>
                                </p>

                                <p>
                                    <span>经纬度:</span>
                                    <span>{
  {point.textlng}},{
  {point.textlat}}</span>
                                </p>

                                <p>
                                    <a href="#" @click="jump(index)">查看详情</a>
                                </p>
                            </bm-info-window>
                            <bm-label :content="point.textdoc_count" :labelStyle="{color: 'red', fontSize : '10px'}" :offset="{width: 20, height: -10}"/>
                        </bm-marker>
                    </div>

                </baidu-map>

<template>
    <div id="bigScreen">
        <Row :gutter="5">
           <Col span="5">  <!--第一列-->
                <Row class="chart-row">
                    <Col span="24" class="chart-container" style="height: 280px" >

                        <Row class="circle-container">
                            <Col span="12">
                                <tp-ssa-echarts :allParams="circle1"></tp-ssa-echarts>
                            </Col>
                            <Col span="12">
                                <tp-ssa-echarts :allParams="circle2"></tp-ssa-echarts>
                            </Col>
                        </Row>

                        <Row class="circle-container">
                            <Col span="12">
                                <tp-ssa-echarts :allParams="circle3"></tp-ssa-echarts>
                            </Col>
                            <Col span="12">
                                <tp-ssa-echa