js调用谷歌地图

最新推荐文章于 2021-10-18 17:57:54 发布

原创最新推荐文章于 2021-10-18 17:57:54 发布 · 6.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function #div

技术专栏收录该内容

33 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript来调用谷歌地图API。首先引入了必要的JS库，然后定义了初始化函数，包括设置地图的缩放级别、中心点和地图类型。通过Geocoder服务获取地址信息，并在地图上标记位置，同时在页面上显示欢迎信息。

js调用谷歌地图

src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>

<script type="text/javascript" src="http://ditu.google.com/maps/api/js?sensor=true"></script>
<script language="javascript">
var geocoder;
var map;
function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(39.9493, 116.3975);
    var myOptions = {
      zoom: 15,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var address = remote_ip_info.country+remote_ip_info.province+remote_ip_info.city;
document.getElementById('add').innerHTML = "欢迎来自："+address+"的朋友！";
   var img='http://avatar.youkuaiyun.com/B/9/A/1_youacai.jpg';

    if (geocoder) {
      geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          map.setCenter(results[0].geometry.location);
          var marker = new google.maps.Marker({
              map: map,
              position: results[0].geometry.location,
               title:'位置',
               icon:img

          });

        }
      });
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}



</script>