初识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可变更文字)