惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

I
InfoQ
C
CERT Recently Published Vulnerability Notes
The Last Watchdog
The Last Watchdog
P
Proofpoint News Feed
D
Darknet – Hacking Tools, Hacker News & Cyber Security
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
GbyAI
GbyAI
T
Tenable Blog
博客园 - 三生石上(FineUI控件)
P
Privacy & Cybersecurity Law Blog
Simon Willison's Weblog
Simon Willison's Weblog
Jina AI
Jina AI
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
T
Tor Project blog
博客园_首页
F
Fortinet All Blogs
博客园 - Franky
Latest news
Latest news
Last Week in AI
Last Week in AI
T
Threat Research - Cisco Blogs
Scott Helme
Scott Helme
L
LINUX DO - 热门话题
U
Unit 42
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Hugging Face - Blog
Hugging Face - Blog
D
Docker
Project Zero
Project Zero
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
MongoDB | Blog
MongoDB | Blog
F
Full Disclosure
D
DataBreaches.Net
Google DeepMind News
Google DeepMind News
Cisco Talos Blog
Cisco Talos Blog
Y
Y Combinator Blog
WordPress大学
WordPress大学
C
Cyber Attacks, Cyber Crime and Cyber Security
H
Help Net Security
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
月光博客
月光博客
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
Blog — PlanetScale
Blog — PlanetScale
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
S
Schneier on Security
C
Cybersecurity and Infrastructure Security Agency CISA
P
Proofpoint News Feed
PCI Perspectives
PCI Perspectives
Cloudbric
Cloudbric
V
Visual Studio Blog
Recorded Future
Recorded Future
人人都是产品经理
人人都是产品经理

博客园 - yankchina

[C++]VisualC++2010Express英文版试用手记 [C++]C++学习的一些建议 [Soft]物联网时代中的编程语言 - yankchina - 博客园 [Python]命令行解析器Argparse的试用手册 [PHP]PHP技术基础 [Blog]将syntaxhighlight与LatexMathML本地化 [Soft]软件技术的两个趋势 [Soft]RAD的代价 [Python]快速解析数据库视图XML配置获取数据库字段说明 用VBA批量输出Outlook通讯录内容 - yankchina - 博客园 试用交互原型设计软件Axure RP Pro 4 云计算零接触 Camtasia Studio 7 试用笔记 文档整理经验谈 命令行调用Lame批量压缩MP3 [C++]千万不要碰VisualStudio - yankchina - 博客园 CSS 使用经验备忘 用Compare It! 4 比较Word Wiki 比较
[Web]Web在线地图API试用笔记
yankchina · 2010-08-18 · via 博客园 - yankchina

调研

首先我对国内一些知名的Web服务提供商进行了调研,主要考察其地图服务情况,调研结果如下:

服务商 开放 语言平台 文档 难度 备注
百度 AJax Javascript 较全 适中 虽然百度地图推出比较迟,但其有很好的用户群,而且在国内访问速度比较快
Google Ajax Javascript 很全 适中 最早推出的产品,市场成熟度高,有丰富的第三方支撑,但国内访问速度不如百度地图
Yahoo Ajax Javascript/Flash AS3 很全 继承YUI的风格,对于一般用户来说有一定的技术难度
网易 Ajax Javascript/Flash AS3 较全 适中 网易的地图是由51ditu提供的
新浪 ×       新浪的爱问地图没有公开API服务

综合上述调研,我决定从百度地图API入门,学习Web在线地图开发。

试用问题解决

根据百度API帮助教程可以很方便地进行开发。我主要遇到以下两个问题。Snap1

localhost如何访问百度地图API

百度地图API需要一个基于域名的Key,否则无法使用。而我并没有域名,或者只是在本地机器上试用百度地图,其解决方法是:

  • 注册一个百度账号;
  • 杜撰一个非常冷僻的域名,如"www.verysimpledomainhere.com",以这个域名到百度地图API密钥注册进行注册
  • 再回到系统中,修改系统的Host文件(Windows系统在
    C:\\Windows\\system32\\drivers\\etc\\host
    ),增加一行为"127.0.0.1 www.verysimpledomainhere.com",这样你的机器浏览器访问"www.verysimpledomainhere.com"时会自动访问127.0.0.1地址。
  • 最后按照百度API帮助中"HelloWorld"样例来创建一个简单的例子即可。

调研JS写法问题

百度百度官方样例的写法非常简单,其主要是为了说明百度地图API的使用原理,并不适合程序开发。我的做法是结合JQuery,先建立一个有DIV标签的容器HTML,然后再利用JS代码来调用百度地图,这样就不需要编写诸如 body onload="...." 这样的代码了

下一步工作

下面要进一步研究百度地图的事件机制与自定义控件技术,并将JQuery与百度地图进行封装,看看能否编一个百度地图的JQuery Plugin。