html+显示地图代码

HTML是一种用于创建网站的标记语言。它可以用来显示各种内容，包括文本、图像和多媒体。另外，HTML还可以用来显示地图。

!DOCTYPE html>
    html>
    head>
    title>
    显示地图/title>
    style>
/* 设置地图的样式 */#map {
    width: 800px;
    height: 600px;
}
    /style>
    /head>
    body>
    h1>
    我的地图/h1>
    div id="map">
    /div>
    script src="https://cdn.jsdelivr.net/npm/vue">
    /script>
    script src="https://unpkg.com/vue2-google-maps"@next>
    /script>
    script>
Vue.use(VueGoogleMaps, {
load: {
key: 'AIzaSyBK7-sI-qS15uVXkG_TJ_rahqd7mvj4tBA',libraries: 'places',}
,autobindAllEvents: false,}
    );
new Vue({
el: '#map',components: {
'gmap-map': VueGoogleMaps.Map,'gmap-marker': VueGoogleMaps.Marker,}
,data() {
return {
center: {
 lat: 39.791283, lng: 116.488395 }
,zoom: 12,}
    ;
}
,methods: {
getLatLng() {
return {
 lat: 39.791283, lng: 116.488395 }
    ;
}
,click() {
    console.log('click', arguments);
}
,}
,}
    );
    /script>
    /body>
    /html>
    

上面的代码会在页面上显示一个地图，其中心点坐标为(39.791283, 116.488395)，缩放级别为12。该地图使用了Vue.js和Vue Google Maps插件，可以像Vue组件一样使用。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！