码迷,mamicode.com
首页 > 其他好文 > 详细

初识SFDC创建一个google map(最基础版本)

时间:2016-06-10 12:13:47      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

google map 目前我只会用js创建,好处是不需要申请google地图钥匙直接就可以用;

有一点必须强调,浏览器必须是IE

<apex:page >
    <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <script type="text/javascript" src="http://maps.google.cn/maps/api/js?sensor=false"></script>
        <script type="text/javascript">
            function myLoad() { 
                //经纬度可随意更改;
                var lat = 23.14746;
                var lng = 113.34175376;
                
                    var myLatLng = new google.maps.LatLng(lat, lng);
                var myOptions = {
                
                    //zoom参数是地图的范围,参数越小,地图的范围就越大
                    zoom: 15,
                    
                    //center是地图的中心点,通过经纬度定义
                    center: myLatLng,
                    
                    //mapTypeId:是地图的类型。有四种map可选
                    //mapTypeId: google.maps.MapTypeId.HYBRID:显示卫星图像的主要街道透明层
                    //mapTypeId: google.maps.MapTypeId.ROADMAP:显示普通的街道地图
                    //mapTypeId: google.maps.MapTypeId.SATELLITE:显示卫星图像
                    //mapTypeId: google.maps.MapTypeId.TERRAIN:显示带有自然特征(如地形和植被)的地图
                    
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
            var map = new google.maps.Map(document.getElementById("map"), myOptions);
            }
            window.onload = myLoad;
        </script>    
    </head>
    <body>
        <style>
              #map {
                width: 500px;
                height: 400px;
                float: left;
              }
          </style>
          <div id="map"></div>
    </body>
</apex:page>
<!-- 这是最简单的地图,连默认图标都没有 -->

具体说明上面已经标注

 <script type="text/javascript" src="http://maps.google.cn/maps/api/js?sensor=false">
这里的东西应该是调用的路径,sensor是否要传感器。(对于这个东西我也不是很明白,还希望大神教教我。)
这是一个最最简单的地图,什么都没有,中心位置就是上面经纬度的标注位置。

初识SFDC创建一个google map(最基础版本)

标签:

原文地址:http://www.cnblogs.com/panxing/p/5551287.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!