zoukankan      html  css  js  c++  java
  • JS调用google地图

    JS调用goole地图,调用了http://ditu.google.com/maps/api/js?sensor=true,源码如下:

    <!--调用谷歌地图js,zoom缩放倍数,center中心,mapTypeId地图类型-->   

    <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       
    }            
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);     
    }               
    </script>   
    <body onload="initialize()">  <div id="add"  style=" height:26px;color:#F00;font-size: 18pt;"></div>   <div id="map_canvas" style=" 580px; height: 480px;"></div>
     
    JS调用google地图,增加了所在位置的功能。
    <script language="javascript" type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>  
    <!--调用谷歌地图js,zoom缩放倍数,center中心,mapTypeId地图类型-->   
    <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.csdn.net/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>   
     
    <body onload="initialize()">   <div id="add"  style=" height:26px;color:#F00;font-size: 18pt;"></div>   <div id="map_canvas" style=" 580px; height: 480px;"></div>
  • 相关阅读:
    CSUFT 1002 Robot Navigation
    CSUFT 1003 All Your Base
    Uva 1599 最佳路径
    Uva 10129 单词
    欧拉回路
    Uva 10305 给任务排序
    uva 816 Abbott的复仇
    Uva 1103 古代象形文字
    Uva 10118 免费糖果
    Uva 725 除法
  • 原文地址:https://www.cnblogs.com/chinaagan/p/2889251.html
Copyright © 2011-2022 走看看