网页版腾讯地图搜索地点定位

版权声明:知末随未 https://blog.csdn.net/mo3408/article/details/89073128

要实现的效果:

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>地理位置</title>
</head>
<body>
 <iframe id="mapPage" width="100%" height="800" frameborder=0 
src="http://apis.map.qq.com/tools/locpicker?search=1&type=1&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp">
    </iframe>

</div>
<script type="text/javascript">
    window.addEventListener('message', function(event) {
    var loc = event.data;
    if (loc && loc.module == 'locationPicker') {//
      console.log('location', loc);  
    }                                
}, false); 
</script>

</body>
</html>

猜你喜欢

转载自blog.csdn.net/mo3408/article/details/89073128