中国的博客,走近我们的产品、技术和文化
Google 中国的博客,走近我们的产品、技术和文化
喜欢“我的地图”吗?在你自己的 API 应用上使用它的线条和形状编辑器吧!
2008年11月18日
转自:
谷歌地图API官方博客(英文)
作者:Pamela Fox
翻译:Chenfei
原文地址:
http://googlemapsapi.blogspot.com/2008/05/love-my-maps-use-its-line-and-shape.html
在我们发布谷歌地图上的那个“
我的地图
”编辑器的时候,开发者的反应是“太酷了,但我怎么才能在我自己的网站上也用上这样的工具呢?”。作为最初就是因为有地图 API 以及有一个相当好的开发者社区而被吸引到谷歌来的人,我就想一定要让开发者们能够在他们自己的网站上也能用上和“我的地图”中一样的编辑工具。
现在,我很高兴的宣布,这个支持可编辑的折线和多边形这样的图像使用界面功能现在是地图 API 的一部分了。
也就是说,比如,你有一个想让用户能够编辑的多边形(
GPolygon
)。只需调用GPolygon.enableEditing(),用户创建的多边形的每个边在用户光标悬浮在这条边上的时候都会出现一个可拖拽的小方块,用户可以拖动某个方块点来编辑对应的边。要是你又不想让它可编辑,调用 GPolygon.disableEditing() 就可以了。
另外我们也列出了
GPolygon
和
GPolyline
的一些附加事件,这样你很容易就可以模仿“我的地图”的使用功能了(在 API 应用或者是小地图中),具体的做法就是,在 mouseover 的时候调用 enableEditing 方法,在 mouseout 的时候调用 disableEditing 方法。要确认用户什么时候做了编辑的话,侦听 lineupdated 事件就行了。如果你想让用户能够从无到有画一条完整的新的 GPolyline,像下面这样调用 enableDrawing:
var polyline = new GPolyline([]);
map.addOverlay(polyline);
polyline.enableDrawing();
在地图上的每次点击都会增加一个新的段点来连接折线,直到用户双击或者单击折线开始的那个顶点。你也可以调用 enableDrawing 来让用户能够追加一个段点到一条已经存在的折线的任何一端。每个人都喜欢漂亮一点的颜色,所以我们也提供几个方法让你能够改变折线或者多边形的样式:setStrokeStyle 和 setFillStyle。尽情玩吧,呵呵,有什么问题可以到我们的论坛上说说。
这里有一个在
单独的窗口
打开的例子。
標籤
编程之夏,UR
创新
创意改善社会 公益温暖中国
促进智能能源利用
大学
谷歌翻译,即时相机翻译,Instant Camera Translation
谷歌十周年系列
谷歌艺术与文化
观妙中国,Shadow Art,智玩皮影
广告
广告安全
互联网,Internet
科技
女性开发者
社会
视频广告
数据中心
数字营销
搜索
网站管理员
文化研究所
艺术计划
音乐搜索
愚人节
增强型广告系列
智能隐形眼镜项目
中小企业
adexchange
Admob
admob sdk
Ads
Adsense
AdWords
android
android m
Android应用开发中国大学生挑战赛
App Inventor
Calendar
cardboard
CES
Chrome
Chrome Web Store
Chrome,Chrome实验
Chrome实验
CI
Code Jam
corporate
Creative
Cross-device
Cultural Institute
culture
Data Center
DevArt
Developer
display
diversity
Doodle
DoubleClick
G+
G2G,Culture
GA&C
gaming
Global Impact Awards
Gmail
Gogle科学挑战赛
Good to Know
Google Ads
Google AdWords
Google Analytics
Google Art Project
Google Arts & Culture
Google Code-in竞赛
Google Demo Day Asia
Google Docs
Google Doodle
Google Drive
Google Drive 云端硬盘
Google Fiber
Google Font
Google for Startups
Google Green
Google I/O
Google Image Search
Google Keep
Google partners
Google Play
Google Science Fair
Google Search
Google Top Contributor Summit
Google Translate
Google Trend
Google Trends
Google Zeitgeist 2012
Google安全系统
Google博士生奖研金
Google翻译
Google奖学金
Google杰出贡献者峰会
Google科学挑战赛
Google网站管理员
Google网站管理员,Webmaster
Google文化研究所
Google在线营销挑战赛
Google中国教育高峰会
IME 输入法
Innovation
Made with Code
maps
mobile ads
mobile ads sdk
Modoo
moonshot
native ads
Nexus
programmatic buying
Project X
Pwn20wn及Pwnium3 黑客大赛
Remarketing. Ads
Search
Security
smb
Solve for X
Street view
student
UR
VR
Web Platform Docs
web security
Webmaster
year in search 2014
YouTube
zeitgeist
博客归档
2024
11月
10月
8月
7月
6月
5月
4月
3月
2月
1月
2023
12月
11月
10月
9月
5月
4月
3月
2月
2022
11月
10月
5月
4月
2月
1月
2021
10月
9月
5月
4月
3月
2月
2020
12月
5月
4月
3月
2019
10月
8月
7月
6月
5月
4月
3月
2018
12月
10月
9月
8月
7月
6月
5月
3月
2月
1月
2017
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2016
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2015
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2014
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2013
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2012
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2011
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2010
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2009
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2008
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2007
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2006
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
Feed