网站联系我们页面添加百度地图地址定位

shuffle_boy

于 2020-04-08 15:58:48 发布

阅读量2.1k

点赞数 1

分类专栏： javascript 文章标签： javascript es6 html5 css3

本文章版权归shuffleboy所有，转载请注明出处

本文链接：https://blog.youkuaiyun.com/shuffle_boy/article/details/105389840

版权

本文介绍如何在网站的联系我们页面集成百度地图，利用JavaScript和HTML5的Geolocation API实现实时地址定位功能，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>地址定位</title>
	<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
	<style>
      .address{
    
      	width: 400px;
      	height: 400px;
      	border: 1px solid #000;
      }
	</style>
</head>
<body>
	<div id="dituContent" class="address"></div>
<script>
	var dituContent=document.getElementById('dituContent')[0];
       //创建和初始化地图函数：
    function initMap(){
    
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMarker();//向地图中添加marker
    }