google map api tips

前言:项目中用到Google地图的地方比较多,整理一下学到的东西,大都是基于javascript的Google API

想在页面中引用Google地图,只要在html页加载对应的js,创建map对象即可。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>


1.创建一个基本的Google Map地图

var map;
function initialize() {
        var myOptions = {
            zoom: 8,//缩放级别
            center: new google.maps.LatLng(<span style="font-family: Arial, Helvetica, sans-serif;">25.0479353</span>,<span style="font-family: Arial, Helvetica, sans-serif;">121.47927034</span><span style="font-family: Arial, Helvetica, sans-serif;">), //中心点</span>
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    }
google.maps.event.addDomListener(window, 'load', initialize);

2.给地图上添加点(Marker)

 var latLng = new google.maps.LatLng(25.0479353, 121.47927034);
          add_to_bounds(latLng);
          var marker = new google.maps.Marker({
              position: latLng,
              map: map,
              title: "测试标题"
          });




发布了48 篇原创文章 · 获赞 1 · 访问量 3万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章