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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初识SFDC创建一个google map(最基础版本)相关的知识,希望对你有一定的参考价值。

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(最基础版本)的主要内容,如果未能解决你的问题,请参考以下文章

初识SFDC创建一个google map(添加了marker小图标上的小框框InfoWindow)

初识SFDC创建一个google map(添加了marker小图标上的小框框InfoWindow可变更文字)

初识SFDC创建一个google map(添加了marker小图标让他可以去到你输入的经纬度上)

SFDC 10 google定位

SFDC_05(Data Loader)

初识单例模式