地图API是由JavaScript语言编写的,您在使用之前需要通过<script>标签将API引用到页面中:
获取API1 |
<script src="http://api.go2map.com/maps/js/api_v2.5.1.js" type="text/javascript"> </script>
|
Sogou Maps API适用于熟悉 Javascript 编程以及面向对象编程概念的读者。您还应该从用户的角度熟悉 Sogou Maps。您可以从网络上找到很多 Javascript 辅导手册。
本文档是概念性文档,旨在帮助您快速开始使用 Sogou Maps API 探索和开发很酷的应用程序。我们还发布了 Sogou Maps API 参考。
地图应用的开发流程
-
首先在页面中引入搜狗地图 Javascript API 的类库:
1
<script type="text/javascript" src="http://api.go2map.com/maps/js/api_v2.5.1.js">
</script>
-
创建地图的DOM容器
1
<
div
id
=
"map_canvas"
></
div
>
地图容器是指地图所要放的位置。这个在开发应用时可以根据需灵活定义,自行设置宽高等等。
-
初始化地图
确定地图放在哪里之后,就需要创建地图了。创建地图很简单,只要在引入地图的API之后。创建一个Sogou.maps.Map实例,并将之前的DOM容器作为参数传进去就可以了,如:
1var
map =
new
sogou.maps.Map(document.getElementById(
"map_canvas"
),{});
-
侦听事件,构建代码
当创建完地图之后。就可以开始开发丰富多彩的地图应用了。应用Sogou地图事件是做许多有意思的事情的开始。在 API 参考 中有更详细的介绍。 您可以通过 Sogou.maps.event.addListener 方法侦听到事件的发生。同时编写您的代码:
1234//click就点击地图后的事件。
sogou.maps.event.addListener(_m,
"click"
,
function
(a){
alert(
"我被点了一下!"
)
});
接着你还可以在地图上添加标记、线、面对象等等。
123456var
myLatlng =
new
sogou.maps.LatLng(39.981320,116.320247);
var
marker =
new
sogou.maps.Marker({
position: myLatlng,
map: map,
title:
"Hello World!"
});
还有许多有意思的事,需要您慢慢发现,如果想快捷开发。可查看更多示例。
具体请参考 搜狗地图hello world。
文档使用指导
在使用本文档时请您先仔细阅读 辅导手册。这里讲解开发地图应用时用到的必要知识。同时也会引导您去参看本文档的其它内容。
如果您已经有过开发经验。只是想迅速查看相关功能函数的说明。那您可以直接查看 API参考部份。这里有全面的功能类及函数的说明。
请输入内容
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|