zoukankan      html  css  js  c++  java
  • GoogleMap添加一个Marker

    给我们的地图添加一个标记。
     var myLatlng = new google.maps.LatLng(-25.363882,131.044922);  
     var myOptions = {    
       zoom: 4,  
       center: myLatlng,    
       mapTypeId:google.maps.MapTypeId.ROADMAP  
       }   
     var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);    
     var marker = new google.maps.Marker({   
       position: myLatlng,    
       map: map,      
       title:"Hello World!" 
       });  

    只需要生成一个marker对象,position需要一个LatLng对象,map属性的值就是你创建的map对象值,title就是显示的文本。

    现在显示的只是系统标准的样式,如果要自定义一个图标,也很容易。

    var image = 'beachflag.png'; 
    var beachMarker = new google.maps.Marker({     
        position: myLatLng,   
        map: map,    
        icon: image   
    }); 
    }

    只需要添加一个icon属性,值就是你想用图标的路径。

  • 相关阅读:
    Linux下文件的基本操作
    conpot_usage简要说明
    const声明常量以及特点
    let变量声明以及声明特性
    盒子模型
    文本样式
    行间距
    字体的其他样式
    字体分类
    字体样式
  • 原文地址:https://www.cnblogs.com/az19870227/p/2032798.html
Copyright © 2011-2022 走看看