SOSO地图JS画出标注和中心点以html形式运行


Posted in Javascript onAugust 09, 2013

直接贴出代码,这个可以在本地创建一个html文件直接运行:

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>Map</title> 
<script charset="utf-8" src="http://map.soso.com/api/v2/main.js"></script> 
<script> 
function init() { 
var center = new soso.maps.LatLng(31.15953,121.516035); 
var map = new soso.maps.Map( 
document.getElementById("container"), 
{ 
center: center,//显示地图的中心位置 
zoom: 15//显示地图的缩放级别 
} 
); //地图第一个mark的坐标 
var position1 = new soso.maps.LatLng(31.15751,121.514061); 
var marker = new soso.maps.Marker({ 
position: position1, 
map: map 
}); 
//地图第二个mark的坐标 
var position2 = new soso.maps.LatLng(31.160705,121.524017); 
var marker = new soso.maps.Marker({ 
position: position2, 
map: map 
}); 
} 
function loadScript() { 
var script = document.createElement("script"); 
script.type = "text/javascript"; 
script.src = "http://map.soso.com/api/v2/main.js?callback=init"; 
document.body.appendChild(script); 
} 
window.onload = loadScript; 
</script> 
</head> 
<body onload="init()"> 
<div id="container" style="width:1000px; height:800px"></div> 
</body> 
</html>
Javascript 相关文章推荐
javascript Math.random()随机数函数
Nov 04 Javascript
JSONP 跨域共享信息
Aug 16 Javascript
js判断字符长度以及中英文数字等
Dec 31 Javascript
jQuery获取字符串中出现最多的数
Feb 22 Javascript
js自定义select下拉框美化特效
May 12 Javascript
关于Vue组件库开发详析
Jul 01 Javascript
微信小程序scroll-view实现字幕滚动
Jul 14 Javascript
bootstrap table合并行数据并居中对齐效果
Oct 17 Javascript
vue中使用props传值的方法
May 08 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
Jul 26 Javascript
JavaScript实现串行请求的示例代码
Sep 14 Javascript
鸿蒙系统中的 JS 开发框架
Sep 18 Javascript
javascript判断机器是否联网的2种方法
Aug 09 #Javascript
jquery 列表双向选择器之改进版
Aug 09 #Javascript
jquery 简单应用示例总结
Aug 09 #Javascript
JS命名空间的另一种实现
Aug 09 #Javascript
使用javascript创建快捷方式的简单实例
Aug 09 #Javascript
使用js修改客户端注册表的方法
Aug 09 #Javascript
jquery 利用show和hidden实现级联菜单示例代码
Aug 09 #Javascript
You might like
PHILIPS AE3805收音机的分析打磨
2021/03/02 无线电
用Flash图形化数据(二)
2006/10/09 PHP
php执行sql语句的写法
2009/03/10 PHP
用mysql_fetch_array()获取当前行数据的方法详解
2013/06/05 PHP
thinkPHP使用pclzip打包备份mysql数据库的方法
2016/04/30 PHP
广告代码静态化js通用函数
2007/05/09 Javascript
JAVASCRIPT函数作用域和提前声明 分享
2013/08/22 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
2016/08/01 Javascript
AngularJS教程之环境设置
2016/08/16 Javascript
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
javascript 动态生成css代码的两种方法
2017/03/17 Javascript
JS实现移动端按首字母检索城市列表附源码下载
2017/07/05 Javascript
AngularJS实现select的ng-options功能示例
2017/07/12 Javascript
javascript 中select框触发事件过程的分析
2017/08/01 Javascript
Vue文件配置全局变量的实例
2018/09/06 Javascript
angular2 组件之间通过service互相传递的实例
2018/09/30 Javascript
微信小程序提取公用函数到util.js及使用方法示例
2019/01/10 Javascript
jQuery实现的五星点评功能【案例】
2019/02/18 jQuery
微信公众平台 发送模板消息(Java接口开发)
2019/04/17 Javascript
VsCode与Node.js知识点详解
2019/09/05 Javascript
es6数组之扩展运算符操作实例分析
2020/04/25 Javascript
微信小程序实现日历签到
2020/09/21 Javascript
js实现淘宝浏览商品放大镜功能
2020/10/28 Javascript
python3.4用循环往mysql5.7中写数据并输出的实现方法
2017/06/20 Python
python爬虫框架scrapy实现模拟登录操作示例
2018/08/02 Python
神经网络相关之基础概念的讲解
2018/12/29 Python
详解用Python练习画个美队盾牌
2019/03/23 Python
Python中 CSV格式清洗与转换的实例代码
2019/08/29 Python
用Python绘制漫步图实例讲解
2020/02/26 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
css3实现椭圆轨迹旋转的示例代码
2018/10/29 HTML / CSS
我爱我家教学反思
2014/05/01 职场文书
法定代表人身份证明书
2014/09/10 职场文书
法人代表身份证明书及授权委托书
2014/09/16 职场文书
初中历史教学反思
2016/02/19 职场文书