<style>
    .iphonePanel{
        width: 375px;
        height: 667px;
        overflow: hidden;
        display: inline-block;
        border: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
    }
</style>
<script>
    export default {
        methods:{
            changeAddr(item){
                //这里就拿到了信息
                // console.log(item);
            }
        }
    }
</script>
# MapG
:::demo
```html
<div class="iphonePanel">
    <template>
        <map-g city-name="上海"  @change-addr = 'change-addr'></map-g>
    </template>
</div>
<script>
    export default {
        methods:{
            changeAddr(item){
                //这里就拿到了信息
                // console.log(item);
            }
        }
    }
</script>
```
:::

### MapG Attributes
| 参数      | 说明          | 类型      | 可选值       | 默认值  |
|---------- |------------- |---------------|------------  |-------- |
| mapHeight | 地图的高度 | `Number` | — | 300 |
| keyWord | 搜索关键字 | `String` | — | 大楼,广场,小区 |
| lat | 经度（北京） | `Number` | — | 116.397428 |
| lng | 纬度（北京） | `Number` | — | 39.90923 |
| cityName | 地图中心点（城市） | `String` | — | 北京 |
| isGetMapByCity | 是否按照城市名称获取Map | `Boolean` | — | true |

### 说明

默认是按照城市名称来选择地址的，isGetMapByCity设置为FALSE，那就就按照经纬度定位地图的中心点，默认是北京的经纬度，自己可以传入经纬度参数！
