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 相关文章推荐
如何快速的呈现我们的网页的技巧整理
Jul 01 Javascript
JS对URL字符串进行编码/解码分析
Oct 25 Javascript
Textbox控件注册回车事件及触发按钮提交事件具体实现
Mar 04 Javascript
javascript实现删除前弹出确认框
Jun 04 Javascript
浅析jQuery移动开发中内联按钮和分组按钮的编写
Dec 04 Javascript
Position属性之relative用法
Dec 14 Javascript
JavaScript+html5 canvas实现本地截图教程
Apr 16 Javascript
JS动态创建元素的两种方法
Apr 20 Javascript
详解使用VueJS开发项目中的兼容问题
Aug 02 Javascript
Vue 框架之键盘事件、健值修饰符、双向数据绑定
Nov 14 Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
Sep 24 Javascript
Vue+Element UI实现概要小弹窗的全过程
May 30 Vue.js
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
PHP操作文件的一些基本函数使用示例
2014/11/18 PHP
PHP中“=&gt;
2019/03/01 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
js中根据字数截取字符串,不能截断url
2012/01/12 Javascript
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
2013/07/03 Javascript
Js实现双击鼠标自动滚动屏幕的示例代码
2013/12/14 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
2015/10/29 Javascript
JavaScript数组操作函数汇总
2016/08/05 Javascript
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
2016/09/14 Javascript
jQuery和JavaScript节点插入元素的方法对比
2016/11/18 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
2016/12/02 Javascript
JS遍历对象属性的方法示例
2017/01/10 Javascript
详解angular用$sce服务来过滤HTML标签
2017/04/11 Javascript
laravel5.4+vue+element简单搭建的示例代码
2017/08/29 Javascript
Bootstrap treeview实现动态加载数据并添加快捷搜索功能
2018/01/07 Javascript
基于Vue的ajax公共方法(详解)
2018/01/20 Javascript
ES6知识点整理之函数对象参数默认值及其解构应用示例
2019/04/17 Javascript
vue中typescript装饰器的使用方法超实用教程
2019/06/17 Javascript
Vue3.0中的monorepo管理模式的实现
2019/10/14 Javascript
vue基于better-scroll仿京东分类列表
2020/06/30 Javascript
Python中的模块和包概念介绍
2015/04/13 Python
Python3.6基于正则实现的计算器示例【无优化简单注释版】
2018/06/14 Python
安装2019Pycharm最新版本的教程详解
2019/10/22 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
css3 盒模型以及box-sizing属性全面了解
2016/09/20 HTML / CSS
去加拿大的旅行和假期:Canadian Affair
2016/10/25 全球购物
佐卡伊官网:中国知名珠宝品牌
2017/02/05 全球购物
台湾最大网路书店:博客来
2018/03/18 全球购物
英国护发和美妆在线商店:Klip Shop
2019/03/24 全球购物
大班开学家长寄语
2014/04/04 职场文书
园艺专业毕业生求职信
2014/09/02 职场文书
2014年行政人事工作总结
2014/12/09 职场文书
热血教师观后感
2015/06/10 职场文书
创业计划书之健康营养产业
2019/10/15 职场文书
解析python中的jsonpath 提取器
2022/01/18 Python
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python