- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
考虑这个 fiddle .加载问题背后的技术解释是什么?
index.php
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<head>
<meta http-equiv='content-type' content='text/html;charset=utf-8' />
<meta name='description' content='test' />
<title>test</title>
<style type='text/css'>
@import 'index.css';
</style>
</head>
<body class='njs'>
<div id='fb-root'></div>
<div id='map'></div>
<div id='mapR'></div>
<div class='fb-like' data-href='https://developers.facebook.com/docs/plugins/' data-send='true' data-width='450' data-show-faces='true'></div>
<script type='text/javascript' src='//connect.facebook.net/en_US/all.js'></script>
<script type='text/javascript' src='//maps.google.com/maps/api/js?sensor=true'></script>
<script type='text/javascript' src='index.js'></script>
</body>
</html>
index.css
body{
margin:0;
}
#map{
height:700px; width:700px;
}
index.js
//<![CDATA[
var pre = onload;
onload = function(){
if(pre)pre();
var doc = document, bod = doc.body, nav = navigator, IE = parseFloat(nav.appVersion.split('MSIE')[1]), geo = nav.geolocation, g = google.maps;
bod.className = 'js';
function gteIE(version, className){
if(IE >= version)bod.className = className;
}
function E(e){
return doc.getElementById(e);
}
var m = E('map'), mR = E('mapR');
function geocoderErrors(r){
var gs = g.GeocoderStatus, p;
switch(r){
case gs.OVER_QUERY_LIMIT:
p = 'You have exceeded your query limit.';
break;
case gs.REQUEST_DENIED:
p = 'Access denied.';
break;
case gs.INVALID_REQUEST:
p = 'Your request was invalid.';
break;
default:
p = 'No results were found for your request.';
}
mR.innerHTML = p;
}
function geolocationErrors(r){
var gl = 'Geolocation ', p;
switch(r.code){
case r.PERMISSION_DENIED:
p = gl+'Permission Denied.';
break;
case r.TIMEOUT:
p = gl+'Timed Out.';
break;
case r.UNKNOWN_ERROR:
p = 'An unknown '+gl+'error has occurred.';
break;
default:
p = gl+'Position Unavailable.';
}
mR.innerHTML = p;
}
if(!geo || !nav.onLine){
mR.innerHTML = 'Your Browser does not support Geolocation.';
}
else if(FB && g){
var map = new g.Map(m, {center: new g.LatLng(47.6065495, -122.3328983), zoom:8}), cds, lat, lng;
console.log(g); console.log(map);
geo.watchPosition(function(p){
cds = p.coords; lat = cds.latitude; lng = cds.longitude;
map.setCenter(new g.LatLng(lat, lng));
}, geolocationErrors, {enableHighAccuracy: true});
}
}
//]]>
最佳答案
设置中心的时候忘记了,需要设置初始位置的缩放级别。 :)
new g.Map(m, {zoom: 8, center: new g.LatLng(47.6065495, -122.3328983)})
当事情很简单时,你是对的。
关于javascript - Google Maps API 加载问题。需要技术解释。应该很容易回答,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22976805/
我正在尝试在Elasticsearch中返回的值中考虑地理位置的接近性。我希望近距离比某些字段(例如legal_name)重要,但比其他字段重要。 从文档看来,当前的方法是使用distance_fea
我是Elasticsearch的初学者,今天在进行“多与或”查询时遇到问题。 我有一个SQL查询,需要在Elastic中进行转换: WHERE host_id = 999 AND psh_pid =
智能指针应该/可以在函数中通过引用传递吗? 即: void foo(const std::weak_ptr& x) 最佳答案 当然你可以通过const&传递一个智能指针。 这样做也是有原因的: 如果接
我想执行与以下MYSQL查询等效的查询 SELECT http_user, http_req_method, dst dst_port count(*) as total FROM my_table
我用这两个查询进行测试 用must查询 { "size": 200, "from": 0, "query": { "bool": { "must": [ { "mat
我仍在研究 Pro Android 2 的简短服务示例(第 304 页)同样,服务示例由两个类组成:如下所示的 BackgroundService.java 和如下所示的 MainActivity.j
给定标记 like this : header really_wide_table..........................................
根据 shouldJS 上的文档网站我应该能够做到这一点: ''.should.be.empty(); ChaiJS网站没有使用 should 语法的示例,但它列出了 expect 并且上面的示例似乎
我在 Stack Overflow 上读到一些 C 函数是“过时的”或“应该避免”。你能给我一些这种功能的例子以及原因吗? 这些功能有哪些替代方案? 我们可以安全地使用它们 - 有什么好的做法吗? 最
在 C++11 中,可变参数模板允许使用任意数量的参数和省略号运算符 ... 调用函数。允许该可变参数函数对每个参数做一些事情,即使每个参数的事情不是一样的: template void dummy(
我在我从事的项目之一上将Shoulda与Test::Unit结合使用。我遇到的问题是我最近更改了此设置: class MyModel :update end 以前,我的(通过)测试看起来像这样: c
我该如何做 or使用 chai.should 进行测试? 例如就像是 total.should.equal(4).or.equal(5) 或者 total.should.equal.any(4,5)
如果您要将存储库 B 中的更改 merge 到存储库 A 中,是否应该 merge .hgtags 中的更改? 存储库 B 可能具有 A 中没有的标签 1.01、1.02、1.03。为什么要将这些 m
我正在尝试执行X AND(y OR z)的查询 我需要获得该代理为上市代理或卖方的所有已售属性(property)。 我只用 bool(boolean) 值就可以得到9324个结果。当我添加 bool
我要离开 this教程,尝试使用 Mocha、Supertest 和 Should.js 进行测试。 我有以下基本测试来通过 PUT 创建用户接受 header 中数据的端点。 describe('U
我正在尝试为 Web 应用程序编写一些 UI 测试,但有一些复杂的问题希望您能帮助我解决。 首先,该应用程序有两种模式。其中一种模式是“训练”,另一种是“现场”。在实时模式下,数据直接从我们的数据库中
我有一个规范: require 'spec_helper' # hmm... I need to include it here because if I include it inside desc
我正在尝试用这个测试我在 Rails 中的更新操作: context "on PUT to :update" do setup do @countdown = Factory(:count
我还没有找到合适的答案: onclick="..." 中是否应该转义 &(& 符号)? (或者就此而言,在每个 HTML 属性中?) 我已经尝试在 jsFiddle 和 W3C 的验证器上运行转义和非
import java.applet.*; import java.awt.*; import java.awt.event.*; public class Main extends Applet i
我是一名优秀的程序员,十分优秀!