javascript 调用谷歌地图API 输入地址点击弹出悬浮信息

最新推荐文章于 2024-05-07 09:26:26 发布

ysdaniel

最新推荐文章于 2024-05-07 09:26:26 发布

阅读量5.8k

点赞数

分类专栏： javascript 文章标签： javascript api function animation textbox query

本文链接：https://blog.csdn.net/ysdaniel/article/details/8018064

版权

本文介绍如何利用JavaScript与谷歌地图API结合，实现用户输入地址后，点击触发地图上相应位置的悬浮信息显示。通过示例代码详细阐述了调用API和处理地图事件的过程。

摘要由CSDN通过智能技术生成

上面是执行结果，下面是代码。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
    <script type="text/javascript"  
        src="http://maps.google.com/maps/api/js?sensor=false&language=zh-CN"></script>  
    <script type="text/javascript">  
        var geocoder;  
        var map;  
        //实际查询地址  
        //var query = "辽宁沈阳文化路三号巷11号";  
        //var query = "东北大学北门";  
        //显示名称  
        //var display = "<b>单位: </b>东北大学";  
        function initialize() {  
            geocoder = new google.maps.Geocoder();  
            var myOptions = {  
                zoom : 17,//缩放比例  
                //地图类型 •MapTypeId.ROADMAP •MapTypeId.