谷歌地图怎么标注用?

冬至,小编的双手已被封印,是时候远离鼠标键盘多出去走走了。
无论苹果今年 3 月发布的 iPhone SE 曾经有多么吸引人们的关注,到了今天它的去留已经...
不知何时“误导消费”已成为一种趋势,一种“算我倒霉”的情绪。
macOS Sierra 系统设置默认最少要保留一个自带的输入法,使用第三方输入法的时候会出...
外媒列出了自己心目中的 Apple Watch 排名,不知道这个排名是否值得你参考一下呢?
今天我们来说说利用 iPhone 7 Plus 的人像模式拍摄出更加满意的照片。
如果你觉得苹果官方推出的充电保护壳太难看的话,ThinCharge 会是一个不错的选择。
本周正逢感恩节,APPstore新上架应用质量稍显下降,不过因黑五APPstore与Steam等平台...
在这款游戏之中,开发者将会带着玩家一起来领略中国古代汉字诗歌的独特魅力。
就在我踏进那束光的那一刻,突然光变的强烈了,而我则掉进了那束光里,来到了一个奇怪...
游戏通过多种色彩的运用,为本作营造了一种非常良好的背景效果,同时场景设计上,古色...
这款叫做《Yo to the Yo》的游戏以悠悠球为题材,玩家需要操控一个悠悠球,通过把它甩...
PlaySide 推出了其制作的一款虐手新作《伊卡洛斯(Icarus - A Star's Journey),挑战...
《消灭都市2》在原版基础上进行大幅改进和内容追加,使得可玩性又提升了不少。
游戏在整个世界观的构建以及风格上有着浓浓的暗黑风格,玩起来也有极强的代入感。
如果你觉得苹果官方推出的充电保护壳太难看的话,ThinCharge 会是一个不错的选择。
新MacBook Pro 2016到来,各种配件自然也要跟上节奏~
目前关于AirPods的发售日期尚未有最终的结论,之前有来自中国的供应链称这款无线耳机...
TAPS 其实是一个指纹贴纸,只要把它贴在手套上,用户就能够不用在大冷天里摘下手套解...
你会常常混用iPhone和iPad的充电器吗?
不少用户都会选择为自己的 iPhone 7 Plus 配上一款保护壳来避免刮伤爱机。
iPhone 7/7 Plus 的摄像头有所提升,但是仍然无法跟专业相机相比,在这样的情况下,镜...
MacBook Pro上的Thunderbolt 3绝对不能让它被浪费了。
在国内如何才能使用谷歌地图?
注册时间 最后登录
在线时间336 小时 UID
主题帖子人气
白苹果, 积分 801, 距离下一级还需 699 积分
一直喜欢用谷歌地图,好久没用了怪想的,刚刚下载发现更新了界面变漂亮的很,无奈还是用不了,求助万能的封釉,怎么才能用上?PS不用***
注册时间 最后登录
在线时间75 小时 UID
主题帖子人气
不知道!帮顶
注册时间 最后登录
在线时间257 小时 UID
主题帖子人气
改hosts吧,不?不知道不越狱怎?改回楼主有态度的小青年于3 分钟前发表的: 一直喜欢用谷歌地图,好久没用了怪想的,刚刚下载发现更新了界面变漂亮的很,无奈还是用不了,求助万能的封釉,怎么才能用上?PS不用***......
注册时间 最后登录
在线时间692 小时 UID
主题帖子人气
用***就可以上
注册时间 最后登录
在线时间781 小时 UID
主题帖子人气
为什么我可以
注册时间 最后登录
在线时间46 小时 UID
主题帖子人气
有一种叫***的东西
注册时间 最后登录
在线时间347 小时 UID
主题帖子人气
我的可以用呀
注册时间 最后登录
在线时间12 小时 UID
主题帖子人气
注册时间 最后登录
在线时间430 小时 UID
主题帖子人气
V*P*N(*是防屏蔽的)。
注册时间 最后登录
在线时间1949 小时 UID
主题帖子人气
不花钱就学装Goagent吧!
威锋旗下产品
Hi~我是威威!
沪公网安备 29号 | 沪ICP备号-1
新三板上市公司威锋科技(836555)
增值电信业务经营许可证:
Powered by Discuz!Google 地图 API 教程
Google Maps 基础
创建一个简单的 Google 地图
现在让我们创建一个简单的 Google 地图。
以下是显示了英国伦敦的 Google 地图:
&!DOCTYPE html&
src="/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"&
function initialize()
var mapProp = {
center:new google.maps.LatLng(51..120850),
mapTypeId:google.maps.MapTypeId.ROADMAP
var map=new google.maps.Map(document.getElementById("googleMap")
,mapProp);
google.maps.event.addDomListener(window, 'load', initialize);
&div id="googleMap" style="width:500height:380"&&/div&
我们以以上实例来解析 Google 地图的创建过程。
应用为什么要声明 HTML5?
&!DOCTYPE html&
大多数浏览器使用 "标准模式" 的 HTML5 文档渲染页面,这就意味着你的应用是兼容各大浏览器的。
另外,如果没有DOCTYPE标签,浏览器则使用混杂模式 (quirks mode)进行渲染页面内容。
提示: 应该注意的是一些"混杂模式 "中的CSS并不能使用与标准模式中。在具体的应用中,所有基于百分比的大小都必须从父块元素继承 。如果在父模块中没有指定大小,默认值为 0 x 0 像素。如果你想使用百分比,可以在&style& 标签中声明,如下所示:
&style type="text/css"&
html {height:100%}
body {height:100%;margin:0;padding:0}
#googleMap {height:100%}
这个样式声明表明地图模块的(GoogleMap)应
HTML高度为100%。
添加 Google 地图
在以下实例中第一个&script& 标签中必须包含 Google 地图 API:
&script src="/maps/api/js?key=YOUR_API_KEY&sensor=TRUE_OR_FALSE"&&/script&
将google生成的 API key 放置于 key 参数中(key=YOUR_API_KEY)。
The sensor 参数是必须的,该参数用于指明应用程序是否使用一个传感器 (类似 GPS 导航) 来定位用户的位置。参数值可以设置为 true 或者 false。
如果你的应用是安全的HTTP(HTTPS:HTTP Secure)应用,你可以使用 HTTPS
来加载 Google
地图 API:
&script src="/maps/api/js?key=YOUR_API_KEY&sensor=TRUE_OR_FALSE"&&/script&
同样我们也可以在页面完全载入后再加载 Google 地图
以下实例使用了 window.onload 来实现页面完全载入后加载 Google 地图 。
loadScript() 函数创建了加载 Google 地图 API &script& 标签。此外在标签的末尾添加了
callback=initialize 参数, initialize()作为回调函数会在API完全载入后执行:
function loadScript()
var script = document.createElement("script");
script.src = "/maps/api/js?
key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false&callback=initialize";
document.body.appendChild(script);
window.onload = loadS
定义地图属性
在初始化地图前,我们需要先创建一个 Map 属性对象来定义一些地图的属性:
var mapProp = {
center:new google.maps.LatLng(51..120850),
mapTypeId: google.maps.MapTypeId.ROADMAP
center(中心点)
中心属性指定了地图的中心,该中心通过坐标(纬度,经度)在地图上创建一个中心点。
Zoom(缩放级数)
zoom 属性指定了地图的 缩放级数。zoom: 0 显示了整个地球地图的完全缩放。
MapTypeId(地图的初始类型)
mapTypeId 属性指定了地图的初始类型。
mapTypeId包括如下四种类型:
google.maps.MapTypeId.HYBRID:显示卫星图像的主要街道透明层
google.maps.MapTypeId.ROADMAP:显示普通的街道地图
google.maps.MapTypeId.SATELLITE:显示卫星图像
google.maps.MapTypeId.TERRAIN:显示带有自然特征(如地形和植被)的地图
在哪里显示 Google 地图
通常 Google 地图使用于 &div& 元素中:
&div id="googleMap" style="width:500height:380"&&/div&
注意: 地图将以div中设置的大小来显示地图的大小,所以我们可以在 &div& 元素中设置地图的大小。
创建一个 Map 对象
var map=new google.maps.Map(document.getElementById("googleMap")
,mapProp);
以上代码使用参数(mapProp)在&div& 元素 (id为googleMap) 创建了一个新的地图。
提示:如果想在页面中创建多个地图,你只需要添加新的地图对象即可。
以下实例定义了四个地图实例 (四个地图使用了不同的地图类型):
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
var map2 = new google.maps.Map(document.getElementById("googleMap2"),mapProp2);
var map3 = new google.maps.Map(document.getElementById("googleMap3"),mapProp3);
var map4 = new google.maps.Map(document.getElementById("googleMap4"),mapProp4);
窗口载入后通过执行 initialize() 函数来初始化 Map 对象,这样可以确保在页面完全载入后再加载 Google 地图:
google.maps.event.addDomListener(window, 'load', initialize);
反馈内容(*必填)
截图标记颜色
联系方式(邮箱)
联系邮箱:
投稿页面:
记住登录状态
重复输入密码

参考资料

 

随机推荐