js实现地图定位

<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=YOUR_TENCENT_MAP_KEY"></script>

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
        var lat = position.coords.latitude; // 纬度
        var lng = position.coords.longitude; // 经度
        initMap(lat, lng);
    }, function(error) {
        console.log("Error occurred. Error code: " + error.code);
    });
} else {
    alert("Geolocation is not supported by this browser.");
}

function initMap(lat, lng) {
    var center = new qq.maps.LatLng(lat, lng); // 创建地图中心点坐标
    var map = new qq.maps.Map(document.getElementById("map"), { // 创建地图实例
        center: center, // 设置地图中心点
        zoom: 13 // 设置地图缩放级别
    });

    var marker = new qq.maps.Marker({ // 创建标注实例
        position: center, // 标注的坐标位置
        map: map // 标注所在的地图
    });
}

<div id="map" style="width: 100%; height: 500px;"></div>