地图的初始化
1、添加引用地图的api文件：
2、网站初始化加载事件：
window.onload = function () { var map = new sogou.maps.map(document.getelementbyid(map_canvas), {});}
创建一个id为map_canvas的div,自定义div样式，网站运行时地图自动加载；
具体代码如下
指定显示莫城市地图
关键代码如下：
window.onload = function () { var myoptions = { zoom: 10,center: new sogou.maps.point(12956000, 4824875) };//城市坐标，本坐标为北京坐标var map = new sogou.maps.map(document.getelementbyid(map_canvas), myoptions); }
地图属性了解
列举一下常用的一些属性比如:地图的移动、地图类型转换、跳转到指定城市
具体代码如下
地图描点属性
地图上很重要的属性，给地图添加描点，是常用的方法属性，
搜狗api提供两种描点填写形式默认描点和动态添加描点
默认描点添加：
var location = new sogou.maps.point(12956000, 4824875); //指定描点位置var map = new sogou.maps.map(document.getelementbyid(map_canvas), {});//初始化地图var marker = new sogou.maps.marker({ position: location,//描点坐标 title: 描点,//描点名称 label: { visible: true, align: bottom },//描点显示形式 map: map, });//添加描点到地图
动态描点添加
window.onload = function () { //初始化地图 map = new sogou.maps.map(document.getelementbyid(map_canvas), {});//为地图添加点击事件sogou.maps.event.addlistener(map, 'click', function (event) { var marker1 = new sogou.maps.marker({ position: event.point, map: map }); }); }
根据两描点测距
//获取类的唯一示例function getinstance(a) { a.hasownproperty(_instance) || (a._instance = new a); return a._instance}//两点相连function lines(mylatlng, mypoint) { var convertor = getinstance(sogou.maps.convertor); var distance = convertor.distance(mylatlng, mypoint); //两点链接 var line = new sogou.maps.polyline({ path: [mylatlng, mypoint], strokecolor: #ff0000, strokeopacity: 1.0, strokeweight: 1, title: parseint(distance) + 米, map: map }); }
根据上述属性做了一个小的模块，地图上动态测距代码如下：
希望本文所述对大家的sogou地图开发有所帮助