创建并修改标注(VUE下的百度地图)

- 百度地图API引用

index.html需要先引用API

- 地图组件中HTML部分
- STYLE在JS中data里定义,并在html使用定义好的样式
style:
data() {
        return {
            MapStyle: {  //地图样式
                width: '100%',
                height: '100%',
            }
      }
}
html: 
- 地图组件中JS部分

未点击标注前的地图展示效果


创建并修改标注(VUE下的百度地图)_第1张图片
Paste_Image.png

点击标注后的地图展示效果

创建并修改标注(VUE下的百度地图)_第2张图片
Paste_Image.png
- 相关文档说明书

百度地图概述
百度地图DEMO
百度地图API 类参考

你可能感兴趣的:(创建并修改标注(VUE下的百度地图))