谷歌地图

使用谷歌地图API V3创建交互式地图,首先需要拥有一个免费的 Google 地图 API key。 如果想调用Google地图的接口,首先需要拥有一个免费的 Google 地图 API key。想要拥有一个免费的API Key,首先得拥有一个Google账号。想要申请Google的账号，首先得能访问Google的网站注册Gmail。目前在大陆已经很难访问Google的网站了,怎么访问Google的网站不是这里的重点,假设你已经能够访问Google的网站,并且具有一个Google的账号了。接下来说说怎么在Google上面申请免费的Google地图API Key。 首先,访问 https://code.google.com/apis/console/ , 使用你的Google账号登陆。 登陆后成功后会出现如下界面： 点击 "Create Project" 按钮。 在服务列表中找到 搜索 Google Maps API v3,点击 Google Maps JavaScript API v3,如下所示: 然后点击"启用API",让其开启该服务器，如下所示: 启用之后如下图所示。 点击" 前往 API 主控台查看報表 " 之后跳转到如下页面: 点击左侧列表中的"Api Access",找到下方的"create new Server key",点击打开,随便输入内容,不输入也无所谓。

<script> var map; function initMap() { var position = new google.maps.LatLng(1.539187, 103.647115), map = new google.maps.Map(document.getElementById('map'), { center: position, zoom: 15, styles: [去网站弄] }); var marker = new google.maps.Marker({ position: position, map: map, animation: google.maps.Animation.DROP, // BOUNCE, DROP, lo, no icon: 'http://www.zoominn.com.my/i/ModuleMap_icon.png' }); marker.addListener('click', function () { var ttc = document.getElementById('mapContent').cloneNode(true); var infoWindow = new google.maps.InfoWindow; infoWindow.setPosition(position); infoWindow